♦ Tutorial ~ MiniGif nos Marcadores

Hey Rilakkumas!!!

Trago um tutorial pedido por um leitora.

Ela queria aprender a colocar mini-gifs nos marcadores, espero não ter chegado tarde, pois á uns dias atras o Kawaii World fez esse tutorial, mas o meu é um pouquinho mais simples e tem efeito hover.

exemplo

Então vamos lá aprender? É super fácil e rápido.

No seu painel, vá em:

Layout  Adicionar Um Gadget  HTML/JavaScript

E cole esse código.

<style>
.sidebar ul li {
list-style: disc url( URL DA GIF 1 );/*Primeira Mini-Gif*/
font-size:13px; /*Tamanho da Letra*/
vertical-align: top;
padding: 7px 0px 4px 0px; /*Espaço entre um marcador e outro*/
margin-left: 7px;
border-bottom : 1px dashed #ccc; /*Espessura, estilo e cor da linha de baixo*/
}
.sidebar ul li:hover {
list-style: disc url( URL DA GIF 2 ); /*Segunda Mini-Gif*/
font-size:13px; /*Tamanho da Letra*/
vertical-align: top;
padding: 7px 0px 4px 0px; /*Espaço entre um marcador e outro*/
margin-left: 7px;
border-bottom : 1px dashed #ccc;  /*Espessura, estilo e cor da linha de baixo*/
}
</style>

Alguns conjuntos para você usar.

   ---     ---   ---     ---     ---     ---     ---     ---      ---     ---   

Tem mais AQUI e AQUI

 ATENÇÂO 

As minigifs também ficaram no gadget 'páginas' caso você o tenha.