15 de dez de 2012

Tutorial: Colocar Gif Antes dos Marcadores


Hey Guys!!
What's up??

Bem, tava passando pelo Sweet Magia, e encontrei um tutorial muito simples, e que deixa um toque mais fofo no blog. Que é o de gif antes dos marcadores. Eu aperfeiçoei um pouquinho, aprendi fuçando o código... 

Portanto, os créditos vão totalmente ao Sweet Magia ok?
Vamos lá??
Vá em Editar HTML> Prosseguir> Ctrl+F> e procure por
  ]]></b:skin>

Antes da tag que você acabou de achar, cole esse código:

.sidebar ul li {list-style:  disc url(URL_MINI_GIF);font-size:13px;vertical-align: top;padding: 5px 0px 0px 0px;margin-left: 7px;border-bottom : 1px solid #000;}

Colinha:
URL_MINI_GIF- Ta na cara o que é pra colocara né?
padding: 5px 0px 0px 0px- É a separação dos marcadores. Recomendo deixar assim mesmo caso não quira nenhuma linha separando ositens. Caso contrário, aumente só o 5px.
border-bottom : 1px solid #fff- Largura, tipo e cor da linha que separa os marcadores


É isso!!
Espero que tenham gostado, e qualquer dúvida, é só perguntar nos comentários.

Beijos!!

4 comentários:

  1. Vou colocar um no meu blog, se ficar legal é claro, mas preciso arrumar um gif bonitinho!!!
    Pâm você ainda não segue meu blog...
    Segue lá... por favor?

    ResponderExcluir
    Respostas
    1. Se quiser, posso trazer uns modelos de imagens.
      Sigo sim. É que é tanta coisa pra fazer... que eu esqueço de coisas pequenas. Obrigada por me avisar.

      Beijos...
      meniina-delicada.blogspot.com.br

      Excluir
  2. Olá,poderia trazer alguns modelos de mini gifs,assim fica mais fácil ...
    Amei seu blog e o tutorial,gostei mesmo...
    Segue meu blog?Estou seguindo o seu ...

    http://littl-things.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Já postei uns modelos. Procura direitinho...
      Obrigada ^^
      Sigo sim. Já vou lá...

      Excluir

Informações Básicas de Comentários(IBC):
-Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo e retribuo todos os comentários.


Obrigada por Comentar!!