02/08/2012

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) . 


Um comentário:

-Primeiro , não não peça Tutoriais / Materiais pelos comentários , use a Ask - me .
-Não desrespeite ninguém , tenha educação .
- Comente sobre o post .
- Deixe a sua url no fim do cometário para que eu posso lhe retribuir o mesmo .