03/02/2013

Gif/Imagem na frente dos marcadores


Boa noite, de novo rsrs

Venho avisar que só poderei colocar os layouts para download amanhã ou mais tarde, estou organizando algumas categorias antigas e deletando postagens que não são mais necessárias no blog. Tudo isso para a grande mudança que farei no blog ate semana que vem, mas vamos agora ao tutorial né? Vou mostrar colocar gif antes dos marcadores, eu já procurei tanto, mas tanto esse tutu e no final descubro que é mais fácil do que parece. Eu achei ele no KW. Vamos lá?

1. Vá até seu Editar HTML e procure por ]]></b:skin>. Acima dele coloque:

Códigos
.sidebar ul li {
list-style:  disc url(SEU GIF);
font-size:13px;
vertical-align: top;
padding: 12px 0px 4px 0px;
margin-left: 7px;
border-bottom : 1px dashed #ccc;
}

Nem preciso explicar, pós é super fácil de entender. Altere da forma deseja e salve.

2 comentários:

  1. Respostas
    1. é só procurar por ]]> e colar o código acima dele:

      .sidebar ul li {
      list-style: disc url(AQUI A IMAGEM DO SEU GIF);
      font-size:13px; -----> TAMANHO DA FONTE
      vertical-align: top; ------> POSIÇÃO ACIMA
      padding: 12px 0px 4px 0px; ------> OUTRO TIPO DE MARGEM
      margin-left: 7px; ------> MARGEM PARA MOVER MAIS AO LADO
      border-bottom : 1px dashed #ccc; ------> BORDA DOS MARCADORES
      }

      ^^

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345