18 janeiro 2010

Colocando imagens nos marcadores do blog

Uma coisa bem fácil, mas eu acho essêncial. Como mudar ou colocar imagens nos marcadores do blog.

Procure este trecho:

.sidebar ul
{list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.sidebar li
{margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

E acrescente logo abaixo:

.sidebar ul li {
list-style: disc url(link da imagem);
vertical-align: top;
padding: 0;margin-left: 15px;
}

Para que o marcador da lista seja um quadrado, basta colocar:
list-style: square;

Um círculo vazio:
list-style: circle;

Dica: Para voçê escolher, bullets e setas entre nesses sites:

SuperTráfego
AnimadosGifs

4 Comentários:

Anônimo disse...

excelente amigo.

Guilherme disse...

Deu certo no meu. Gostei! Bem fácil mesmo. Fazia tempo que queria algo assim, agora que decidi colocar no blog que administro, encontrei essa tutorial bem pratica. Valeu!! Funcionou em PANELAS PERNAMBUCO | O MUNICIPIO EM FOCO. Então vai funcionar em outros blogs também.
Obrigado !!!

Anônimo disse...

Amigo Preciso de sua ajuda para min editar blog do meu pai me add msn Gabrielguitavares@hotmail.com

Marcos Vinicius disse...

d++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Postar um comentário

Leia as regras:
Todos os comentários são lidos e publicados, se respeitados os critérios:
Para encomendas de logomarcas e outras artes, leia: Ilustrex
Não peça parceria por aqui entre em contato
Ofensas pessoais, ameaças e xingamentos não são permitidos;
Seu comentário precisa ter relação com o assunto do post;
Não inclua links desnecessários no conteúdo do seu comentário;

  ©Template by Pelo Estilo and Dicas Blogger - Contato - Termos de Uso

TOPO