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;
}
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
www.Thislovebug.Net ©






Beatriz, Biia Lourenço, tenho 18 anos. Nasci no dia 17 de agosto de 1992 Leonina, Tricolor. Concluí o colégio em 2009 e estou cursando Design Digital na 





10/09 - Churrasco Open Bar
11/09 - Pagar Hospedagem
11/09 - Playcenter
16/09 - Aniversário Nick





