tutorial: Como colocar menu com gif!!!

 Oiiiii muchachas  

Bom,esse tutorial eu RETIREI DO BLOG:http://www.kawaii-world.net/   Um dos blogs q eu admiro muiito

então CRÉDITOS AO:http://www.kawaii-world.net/ 

TUTORIAL:

1. Vá em Design > Editar HTML e procure por ]]></b:skin>

2. Acima dessa tag, cole:

#menuv {
display : block;
border-bottom : 1px dotted #ff6fba;
background-repeat : no-repeat;
text-indent : 10px;
text-align: left;
line-height : 14px;
margin-bottom : 0px;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/99.gif') no-repeat left;
padding-left : 3px;}
#menuv:hover {
display : block;
text-align: left;
border-bottom : 1px dotted #9e9298;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/94.gif') no-repeat left;
padding-left : 3px;}

3. Configure como quiser. O primeiro link é o gif que vai aparecer e o segundo link é o gif que aparece quando passa o mouse.

border-bottom : 1px dotted #ff6fba;

Tamanho, tipo e cor da borda.

4. Para usar é só colocar esse código onde quer que apareça:

<a id="menuv" href="ENDEREÇO DA PAGINA DOS POSTS" target="iframe"> Home</a>
<a id="menuv" href="ENDEREÇO DA PAGINA" target="iframe"> Selinhos</a>
<a id="menuv" href="ENDEREÇO DA PAGINA" target="iframe"> Extras</a>
<a id="menuv" href="ENDEREÇO DA PAGINA" target="iframe"> Thanks</a>

 O resultado será esse:

Home

Selinho

Extras

Thanks