Home » Goodies » Menu em Hover

Vou ensinar vocês a fazer um Menu em Hover como o meu.

Ele serve para WordPress e HTML normal

Primeiro coloque esse Código no seu CSS:

.menu  {
display : block;
font-size : 10px;
font-family : Verdana;
letter-spacing : 0;
border-bottom : 1px dashed #COR DA LINHA;
background-repeat : no-repeat;
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
line-height : 14px;
margin-bottom : 1px;
background : url(‘LINK IMAGEM’) no-repeat left;
padding-left : 10px;
}
.menu:hover {
display : block;
font-size : 10px;
font-family : Verdana;
letter-spacing : 0;
border-bottom : 1px dashed #COR DA LINHA;
background-repeat : no-repeat;
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
line-height : 14px;
margin-bottom : 1px;
background : url(‘LINK IMAGEM’) no-repeat left;
padding-left : 10px;
}

Modifique as cores e a imagem como quiser e depois cole este código aonde você quer o Menu:

<div id="menu"> Conteúdo </div>

OBS: A Imagem deve ter por volta de 11×11

Te Ajudou? Creditou. Tutorial by Biia Lourenço.
www.Thislovebug.Net ©