Menú fofo por Sweet Poison

Oie amiguinhas Hoje eu trouxe mais uma surpresa cute 

do Sweet Poison um menú super fofinho 

qe vçês vão adorar!

Vamos ao Tuto?

Antes de tudo, cole no bloco de notas, para dar tudo certinho. 

1. Faça o login do seu blog, e vá em "Editar HTML", utilizando o Ctrl+F e procure por:

 ]]></b:skin>

2. Em seguida, cole acima desta tag, o seguinte código:

/*Cute Menu

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

#menuextra{

display: block;

font-size: 11px;

letter-spacing: 0;

border-bottom: 1px dashed #CDB7B5;

background-repeat: no-repeat;

text-indent: 5px;

vertical align : middle;

text-decoration: none;

line-height: 15px;

margin-bottom: 1px;

background : url('URL DO MINI 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;

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

padding-left: 10px;

}

Personalização do código.

Faça de acordo com a sua preferência.

Onde está o URL DO MINI GIF 1, coloque o link do mini gif que irá aparecer quando o mouse não estiver no link.

Onde está o URL DO MINI GIF 2, coloque o link do mini gif que irá aparecer quando o mouse estiver em cima do link.

Personalização das cores.

Faça de acordo com a sua preferência.

No código  #CDB7B5 é a cor da barrinha pontilhada do link quando o mouse não está no link.

No código #FF69B4 é a cor da barrinha pontilhada do link quando o mouse passa por cima.

3. Salve o modelo

Agora, vamos para a última parte:

4. Adicione um HTML/Javascript e cole o código.

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

</div>

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

Salve, e observe seu blog para ver se funcionou.

Até mais.