Menu Hover

Eaeew Galera Hoje trago um tutorial que um Amigo me pediu que e o efeito hover muito usado nos Blogs/Sites.[Leia Mais]


Bom primeiro Procurem pela Tag " ]]></b:skin> "

Agore cole ENCIMA Dela o seguinte codigo:

.menu-s a{<br /> background:xx;<br /> width:180px;<br /> height:14px;<br /> font-family:Arial;<br /> font-size:17px;<br /> color:#19518b;<br /> display:block;<br /> margin:0 0 0px 0px;<br /> padding:0px 0px 0px 0px;<br /> border-radius:3px;<br /> line-height:12px;<br /> -webkit-transition: all 0.3s linear;<br /> -webkit-transition: all 0.3s linear;<br /> -moz-transition: all 0.3s linear;<br /> -o-transition: all 0.3s linear;<br /> transition: all 0.3s linear;<br /> }<br /> .menu-s a:hover{<br /> background:#1a3a76;<br /> width:180px;<br /> height:14px;<br /> font-family:Arial;<br /> font-size:17px;<br /> color:#fff;<br /> display:block;<br /> margin:0 0 0px 0px;<br /> padding:0px 0px 0px 6px;<br /> border-radius:3px;<br /> line-height:12px;<br /> cursor:pointer;<br /> -webkit-transition: all 0.3s linear;<br /> -webkit-transition: all 0.3s linear;<br /> -moz-transition: all 0.3s linear;<br /> -o-transition: all 0.3s linear;<br /> transition: all 0.3s linear;<br /> }

Agora criem um novo gadget Html/Java Script com:

<div class="menu-s"> <a href="Link do Menu">Nome do Menu</a> <br /> <a href="Link do Menu">Nome do Menu</a> <br /> <a href="Link do Menu">Nome do Menu</a> <br /> <a href="Link do Menu">Nome do Menu</a> <br /> </div>

Ae Galera muita gente não sabe que Onde ESTA escrito  "Link do Menu"  e o Link pra onde ele vai "Nome do Menu" E o nome que aparece 

exemplo :

<div class="menu-s">
<a href=" http://designibest.blogspot.com.br/ ">Design IBest</a> < br/>

Demo:

Design IBest