Tutorial:Cute Menu

 1119352328948143f7l_large


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. 

Espero que tenham gostado. 

3 comentários:

  1. Garota!Você merece um OSCAR,estava doida procurando esse tutorial!!E NAO achava em lugar nenhum e sem querer achei aqui!

    MEUS PARABENS!JA ESTOU USANDO

    www.yesteens2.blogspot.com

    ResponderExcluir

Muito obrigada pela visita*--*
Siga e deixa o seu link que seguirei de volta^^
Ah e me sigam pelo Twitter também,sigo todos de volta.
Twitter:@heeysmile
Volte sempre!
Beijoos Gabriela