10 de jan de 2013

Personalizar Marcadores.


.Sabe aquela lista com uma bolinha do lado?Que geralmente nós usamos nos marcadores?Que todo mundo troca pelo marcador com cloud por que é mais bonito :(  ? Pra quem não sabe é esse aqui :

Vamos transformar em isso aqui:

Primeiro vá em design > Editar HTML ,pressione ctrl+f e procure por /* Widgets .Dê enter e logo abaixo dessa linha cole esse código:

.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
border-top: dotted 1px #000; /* cor e estilo da borda */
text-align: center;
}
.widget ul li:hover {
background:#f1f1f1;  /* cor do fundo ao passar o mouse */
}

Agora é só salvar e pronto ! Facinho né? Qualquer coisa é só comentar ! 
CRÉDITOS:: LETS-DREAM ( FECHADO ) 

Nenhum comentário:

Postar um comentário