Cum Adaug Efect De Opacitate Barii De Control?

[CataliN.]

Salut PCT, as dori si eu un tutorial despre cum fac sa se miste (sa apara si sa dispara) bara de control din topicuri, ca pe max-cs?

Imagine cu bara respectiva:

 

[Courage]

Mai exact ?

 

Sa apara cand duci mouse pe ea?

[CataliN.]

Da

[Courage]

Scrie intr-un fisier .txt ce ai in ipb_styles.css si posteaza-l aici.

[CataliN.]

Il uploadez pe girlshare?

[Courage]

Da.

[CataliN.]

http://www.girlshare.ro/33935374

[Courage]

Schimbă

 

ul.post_controls {
	margin: 0;
	background: #222222;
	border-top: 1px solid #2b2b2b;
	margin-top: 10px;
	padding: 7px;
	clear: both;
	overflow: hidden;
}

		ul.post_controls li {
			font-size: 11px;
			float: right;
			margin: 0;
			padding: 0;
		}
		
		ul.post_controls li.report, ul.post_controls li.top{ float: left; }

		ul.post_controls a {	
			background: #671c1c url('{style_images_url}/maintitle.png') repeat-x 0 -8px;
			-webkit-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
			-moz-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
			box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
			color: #fff;
			text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			height: 26px;
			line-height: 26px;
			padding: 0 10px;
			text-decoration: none;
			margin-left: 4px;
			display: block;
		}

		ul.post_controls a:hover { background-position: 50% -8px; color: #fff; }
		
		ul.post_controls a.ipsButton_secondary {
			height: 24px;
			line-height: 24px;
		}
		
		ul.post_controls li.multiquote.selected a { 
			background: #242424 url('{style_images_url}/topic_button_disabled.png') repeat-x 50% -8px;
			color: #fff;
		}

 

cu

 

ul.post_controls {
	margin: 0;
	background: #1e1e1e;
	border-top: 1px solid #383838;
	margin-top: 10px;
	padding: 0;
	clear: both;
	overflow: hidden;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}


.topic ul.post_controls{ opacity: 0; }
.topic .post_wrap:hover ul.post_controls{ opacity: 1; }

		ul.post_controls li {
			font-size: 11px;
			float: right;
			margin: 0;
			padding: 0;
		}
		
		ul.post_controls li.report, ul.post_controls li.top{ float: left; }

		ul.post_controls a {	
			color: #fff;
			height: 36px;
			line-height: 36px;
			padding: 0 13px;
			text-decoration: none;
			display: block;
			border-left: 1px solid #2b2b2b;
		}
		
		ul.post_controls li.top a, ul.post_controls li.report a{
			border-left: 0;
			border-right: 1px solid #2b2b2b;
		}

		ul.post_controls a:hover { background-color: #252525; color: #fff; }
		ul.post_controls a:active { position: relative; top: 1px; }
		
		ul.post_controls a.ipsButton_secondary {

		}
		
		ul.post_controls li.multiquote.selected a { 
			background: #2b2b2b;
			color: #fff;
			text-shadow: 0px 0px 3px;
		}

[Kennzo]

Ceea ce face ca butoanele sa se ascunda este codu`:

.topic ul.post_controls{ opacity: 0; }
.topic .post_wrap:hover ul.post_controls{ opacity: 1; }

ca sa stie toata lumea!

[CataliN.]

Multumesc. Si mai am 1 intrebare care o fac in alt topic.