Tutorial : Menu Heart .

Oi gente , estava vendo na minha página de goodies , e ainda não postei nenhum tutorial de Menu . Então eu tive a " incrível " ideia de postar para vocês . Vamos aprender a colocar o Menu Heart ou Hover , aquele que muitas pessoas usam na página de Goodies . Confira >>

Lembrando que eu testo todos os tutoriais antes de postar aqui , e esse deu totalmente certo !

É muito fácil e rápido , primeiro dê Ctrl + F ou F3 e  procure por :   ]]></b:skin>

Depois copie o código abaixo e cole acima da Tag destacada :

#menuextra {display : block;

 font-size: 10px; /* tamanho da fonte */

 font-family: Tahoma;  /* nome da fonte  */

 letter-spacing : 0;

 border-bottom : 1px dashed #COR DA BORDA DE BAIXO;

 background-repeat : no-repeat;

 text-indent : 5px;

 vertical-align : middle;

 text-decoration : none;

 line-height : 15px;

 margin-bottom : 1px;

 background : url('http://imagem-normal.gif') no-repeat left; /* Gif quando o mouse não tá em cima */

 padding-left : 10px;}

#menuextra:hover {display : block;

 text-decoration : none;

 vertical-align : middle;

 line-height : 15px;

 border-bottom : 1px dashed #COR DA BORDA DE BAIXO;

 background : #COR DO BACKGROUND url('http://imagem-no-hover.gif') no-repeat left; /* Gif quando o mouse tá em cima */

 padding-left : 10px;}

Gifs , caso vocês não tenham o par ainda : 

                      

Para usar o menu :

<div id="menuextra"><a href="http://link/">Conteúdo</a></div>

Créditos : (www) .