Tutorial:Cute Menu

 

Oiee gente,hoje eu vou ensinar pra vocês como fazer um menu de links igual tem na minha página de Goodies:

Muito obrigada ao Sweet Insanity pelo tutorial,clique em Leia Mais para ver o tutorial ↓

Vamos começar logo o tuto. Primeiro procure (F3) por:

]]></b:skin>

Ao encontrar cole o código abaixo acima do tag:

/* Cute Menu

----------------------------------------------- */

#menuextra {

display : block;

font-size: 11px;

font-family: Tahoma;     /*mude a fonte que quiser, ex: arial, georgia etc */

letter-spacing : 0;

border-bottom : 1px dashed #CDB7B5;     /*cor do link quando o mouse não está em cima */

background-repeat : no-repeat;

text-indent : 5px;

vertical-align : middle;

text-decoration : none;

line-height : 15px;

margin-bottom : 1px;

background : url('URL DO MINE GIF 1') no-repeat left;

padding-left : 10px;

}

#menuextra:hover {

display : block;

text-decoration : none;

vertical-align : middle;

line-height : 15px;

border-bottom : 1px dashed #FF69B4;      */ cor do link quando o mouse passa em cima */

background : url('URL DO MINE GIF 2') no-repeat left;

padding-left : 10px;

}

Algum desses gifs você poderá gostar para substituir o código:
                                     

Feito as mudanças acima nescessárias, e claro pessoal, estará pronto, mais toda vez que quiser que um link fique dessa forma terá que usar da seguinte forma:

<div id="menuextra"><a href="Link ">Nome do link</a>

</div>

<div id="menuextra"><a href="Link">Nome do link</a></div>

Poderá ser usado quanto em postagens, quanto em gadget, e para isso terá que ser feito em forma de html primeiro, e depois ser passado para texto, fazendo assim como um link normal. Espero que todas tenham entendido, e aproveitem. 

TRECHY TEEN

Espero que tenham gostado.