Mini gif's marcando e desmarcando

A @Layla na Cbox, vou postar alguns minigif's que eu encontrei no blog evelyns-Palce, espero que te ajude.

 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

Primeiramente, aqui tem alguns mini gif's.

E agora o tutorial.

Vá em Design >> Editar HTML marque a caixinha "Expandir modelo de widget"

Tecle F3 ou Ctrl+f e procure por:

]]></b:skin>

Logo antes dele, cole esse seguinte codigo.

#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;
}

Agora, pegue o link do primeiro gif, e cole onde está escrito "Url do mini gif 1", agora escolha o segundo gif, no qual ele aparecerá quando passar o Mouse e coloque onde está escrito, "Url do mini gif 2".

• Creditos ao Blog Sweet Poison •