

]]></b:skin>
2. Acima dessa tag cole 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; }
3. Editando o código:



é a cor da barrinha pontilhada que sublinha o link quando o mouse não está no link.

é a cor da barrinha que sublinha o link quando o mouse passa por cima.
Salve o modelo
4. Agora para cole o seguinte código onde você quer que apareça fazendo as alterações que se pedem:
<div id="menuextra"><a href="Link">Nome do link</a></div>


Ele funciona também em postagens mas no caso se você for usar como menu. Vá em




Prontinho ! Salve e visualize
Alguns mini gifs que podem ser usados aqui
0 comentários: