Problema Nav_Bar

[† Quίηη™]

Salut PCT, apelez din nou la voi pentru ca sunt nelamurit din cauza unui meniu ce imi da batai de cap.

Uitati-va la meniul de la www.darkvibe.ro... are efctul acela de la font awesome mie nu mil "citeste" sa zic asa..

Am toata tema, am pus doar de la primary_nav pana la secondary navigation. am dat copy-paste si am adaugat eu z-index opacity etc.....

Vreau sa stiu cum fac efectul acela de la hover.

Forumul meu www.bluegame.ro

Multumesc anticipat.

 

 

Edited June 10, 2015 by † Quίηη™

[Sebastian C.]

Stii ca la meniul ala n-aveai de ce sa copii tot ce ai tu acolo nu ? Codurile ce tin de meniu sunt acestea :

<div>
	<ul id="dvmenu">
		<li><a href="http://www.darkvibe.ro/"><i class="fa fa-home"></i>Acasa</a></li>
		<li><a href="http://darkvibe.ro/forum/"><i class="fa fa-comments"></i>Forum</a></li>
		<li><a href="http://darkvibe.ro/forum/index.php?/members/"><i class="fa fa-group"></i>Membri</a></li>
		<li><a href="http://darkvibe.ro/forum/index.php?/calendar/"><i class="fa fa-calendar"></i>Calendar</a></li>
		<li><a href="http://darkvibe.ro/forum/index.php?/forum-3/announcement-1-regulament-general/"><i class="fa fa-gavel"></i>Regulament</a></li>
		<li><a href="http://darkvibe.ro/forum/index.php?app=tickets"><i class="fa fa-wrench"></i>Suport</a></li>
		<li><a href="http://darkvibe.ro/forum/index.php?app=sospromote"><i class="fa fa-star"></i>Membri V.I.P</a></li>
	</ul>
	</div>

 

Iar css-ul este acesta:

#dvmenu{background:rgba(0, 0, 0, 0.6);list-style-type:none;margin:0;padding:0;height:50px;line-height:50px;width:100%;border-bottom:5px solid rgba(0, 0, 0, 2)}#dvmenu
li{display:table-cell;border-right:1px solid rgba(0, 0, 0, 0.5)}#dvmenu li:hover
i{-webkit-animation:moveFromBottom 300ms ease;-moz-animation:moveFromBottom 300ms ease;-ms-animation:moveFromBottom 300ms ease}#dvmenu li
a{display:table-cell;padding:0
15px 0 15px;text-decoration:none;color:#fff}#dvmenu li a:hover{background:rgba(0, 0, 0, 0.3);border-bottom:5px solid darkorange}#dvmenu li a
i{margin-right:5px;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}@-webkit-keyframes
moveFromBottom{from{-webkit-transform:translateY(150%)}to{-webkit-transform:translateY(0%)}}@-moz-keyframes
moveFromBottom{from{-moz-transform:translateY(150%)}to{-moz-transform:translateY(0%)}}@-ms-keyframes
moveFromBottom{from{-ms-transform:translateY(150%)}to{-ms-transform:translateY(0%)}}

 

Imi cer scuze fata de Cristian Filip pentru publicarea codurilor din .css-ul temei lui.

[† Quίηη™]

Multumesc frumos.

 

Puteti da T/C