Cute Menu

Olá amores!
Desculpem a falta de posts... Ando bem ocupada com a escola, mas agora que deu uma folguinha vou aparecer bastante por aqui! bom, hoje vim trazer um menu muito cute! Vamos ao tutorial?
Vá até sua caixa de html e procure por:
]]></b:skin>
Assim que achar, cole o código abaixo, acima dele:

/* 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;
}
Use algum desses gifs para subistituir o "url do mine gif"
Agora para aplicar ao blog vá em um gadget HTML/JavaScript e cole:
<div id="menuextra"><a href="Link">Nome do link</a>
</div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
Resultado final:

Espero que tenham gostado!
xoxo 

7 comentários:

  1. Que fofo! Se não tivesse mudado o layout recentemente, eu iria usar! Bjos!
    http://lilascomglitter.blogspot.com.br/

    ResponderExcluir
  2. Que lindinho esse menu *-*
    cr4zy-world.blogspot.com

    ResponderExcluir
  3. Awwwwn, perfeito para os afiliados e especialmente para status, u_u' Adorei, muito lindinho!

    -4 Seconds.

    ResponderExcluir
  4. Que lindo *---------*
    Niki tem ilustrações de post, em um post ( rascunho que eu fiz ) pode usar nos seus posts !!

    ResponderExcluir