Menu Hover 3 de abr. de 2012 FernandoSilver

          Olá pessoal,
Venho trazendo hoje, como colocar menu hover, tipo esse que eu uso aqui no site, espero que gostem...
Primeiro vai em MODELO, depois em EDITAR HTML
Depois ache a Tag:

]]></b:skin>

Logo acima cole o código CSS

#menux ul {

 list-style: none;

 margin: 0px 0px 0px 0px;;

 padding: 0;

 border: none;

}

#menux li a {

 height: 18px;

 display: block;

 padding: 4px 5px 5px 18px;

 background: url(Url da Imagem Comum) no-repeat;

 color: #ffffff;

 text-shadow: #000 0 1px 0;

 font-weight: normal;

 text-decoration: none;

 width: 186px;

}

#menux li a:hover {

 background: url(Url da imagem Hover) no-repeat;

 color: #000;

 text-shadow: #666666 0 1px 0;

 }

A Div para esse Menu Hover é:

<div id="menux">

<ul>

<li><a href="LINK">NOME DO LINK</a></li>

</ul>

</div>

Para Colocar mais um link é só duplicar essa Div:

<li><a href="LINK">NOME DO LINK</a></li>