Colocando Imagens Em Listas (marcadores) Postado por Br Downs , sábado, 14 de março de 2009 at 14:48, in Marcadores: Marcadores, Todas As Postagens

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;
}

Neste site, é possível escolher bullets e setas para as listas da sidebar. Hospede a imagem e coloque o link fornecido entre os parênteses. Se não desejar usar imagem, apague o trecho destacado e ficará um círculo sólido. A cor será a mesma do título na Sidebar.

Para que o marcador da lista seja um quadrado, basta colocar:

list-style: square;

Um círculo vazio:

list-style: circle;

Outros sites com bullets e setas:

SuperTráfego

AnimadosGifs