]]></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:
URL DO GIF 1 coloque a url do mini gif que que irá aparecer quando o mouse NÃO estiver no link.
URL DO GIF 2 você coloca a url do mini gif que irá aparecer quando o mouse passar por cima do link.
Onde tem o código:#CDB7B5
é a cor da barrinha pontilhada que sublinha o link quando o mouse não está no link.
Onde tem o código:#FF69B4
é 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>
LINK - URL da página que irá ser redirecionada
NOME DO LINK - Será o nome da sua postagem
Ele funciona também em postagens mas no caso se você for usar como menu. Vá em Design Elementos da Página Adicionar Um Gadget HTML/JavaScript
Prontinho ! Salve e visualize
Alguns mini gifs que podem ser usados aqui
0 comentários: