♦ 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.
   ---     ---  Mini GifsMini Gifs ---     ---     ---     ---   Mini gif 95  ---     ---      ---     ---   
Tem mais AQUI e AQUI
 ATENÇÂO 
As minigifs também ficaram no gadget 'páginas' caso você o tenha.

9 comentários:

  1. Respostas
    1. Obrigado.
      Vou rapidinho customizar esse tutorial.

      Excluir
  2. Que fofos *--*
    Vou usar os mini gifs *--*

    ResponderExcluir
    Respostas
    1. São muito fofinhos mesmo.
      Da vontade de usar em tudo.

      Excluir
  3. Não chegou tarde não kkkkk. eu tinha usado o do Kawaii World mais esse ta do jeitinho que eu queria então troquei \o/ arigatou gozaimasu por ter postado, estava louca atras desse tuto *--*

    ResponderExcluir
    Respostas
    1. Ai que alivio, rsrsrsrs
      Ebaaa \o/ consegui minha meta. rsrsr
      De Nada, eu agradeço por ter gostado.

      Excluir
    2. os tutos daqui são todos ótimos, não tem como nao gostar ^^

      Excluir
    3. Obrigado mesmo.
      Aliás, já lhe adicionei nas divulgações.
      Obrigado por usar nossos tutoriais.

      Excluir