Novidades

11 setembro 2012

Tutorial - Marcadores Personalizados


  que lindo own *---*



Bom pessoal, primeiramente antes de tudo queria esclarecer uma coisa, mudei minha fonte pra da uma diferenciada e só isso mesmo (Troll face)  agora vamos falar do tutorial que é um tudo né galera?  provavelmente vocês já viram em algum Blog esse estilo de marcador não é mesmo? poíse e super fácil fazer e o resultado nem preciso falar que fica um show né? pois então vamos descobrir como fazer isso



Adicione ao seu Css este código abaixo ACIMA de </b:skin> :
.cloud-label-widget-content {text-align:center;}
O que nós fizemos foi centralizar os marcadores se você observou na tag em negrito.
.label-size-1 a, .label-size-1 a:link {color:#3399ff}.label-size-1 a:hover;}
Editamos acima a cor dos marcadores, pelo que vemos ali no código só há a cor de um só marcador, se você quiser adcionar mais é só repetir o código e trocar numero 1 pelo 2, 3, 4 e assim vai até quando você quiser.
.cloud-label-widget-content {text-align:center;} .label-size-1 {font-size:9px;} .label-size-2 {font-size:11px;} .label-size-3 {font-size:13px;} .label-size-4 {font-size:14px;} .label-size-5 {font-size:15px;} .label-size-1 a, .label-size-1 a:link {color:#3399ff} .label-size-2 a, .label-size-2 a:link {color:#6699cc} .label-size-3 a, .label-size-3 a:link {color:#3366cc} .label-size-4 a, .label-size-4 a:link {color:#3399ff} .label-size-5 a, .label-size-5 a:link {color:#0033cc} .label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover {color:#0000cc;} 


Todos os créditos á (www)


Gostaram? Comentem!


Beijos, Fabi

3 comentários:

  1. Ah! Adorei! Vou usar essa dica quando personalizar o blog de novo. ^^
    Segue, Florzinha? Agradeço desde já.
    http://mycrazycoorner.blogspot.com.br/

    (Ps: Caso quiser Afiliação, pode falar comigo. ^^)

    ResponderExcluir
  2. Segue, Florzinha? Agradeço desde já.
    http://umpoucodemim142.blogspot.com.br/

    (Ps: Caso quiser Afiliação, pode falar comigo. ^^)

    ResponderExcluir

Regrinhas!
1- aceito seguindo segue de volta
2- sem xingamentos! se expresse de uma maneira mais civilizada.
3- aceito criticas e Elogios