Marcadores com fundo colorido

by - quinta-feira, abril 05, 2012


Tumblr_lpmovsymtg1qd3f5co1_500_large

Nossa gente esse efeito ficar super fofo , deixa seu blog com um toque especial.
Sempre colocava no Bugigangaz quando estava montando o um template.
Faça o teste !

  1. Clique em Designer > Editar Html > Ctrl+F e procure pela seguinte tag ]]></b:skin>, logo acima dela copie e cole o código abaixo.

/*MARCADORES  COM FUNDO COLORIDO BY.: BUGIGANGAZ
------------------------------------------------------------------------------*/
.label-size span, .label-size a{
  color:  #FF0000 ;
  padding:2px 5px;
  margin:0;
  background:  #FFFF00 ;
  display:inline-block;
  font-size:12px;
}

.label-size span, .label-size a:hover{
 background:  #BA55D3 ;
 color:  #FFE4E1 ;
}
/* FIM DOS MARCADORES COM FUNDO COLORIDO 
-------------------------------------------------------------------------------*/

Obs.: (1) O código destacado de vermelho, se refere a cor dos marcadores.
Obs.: (2) O código destacado de laranja,se refere ao fundo dos marcadores.
Obs.: (3) O código destacado de azul, se refere a cor do marcador quando passa o mouse por cima.
Obs.: (4) O código destacado de rosa, se refere a cor do fundo do marcador quando passa o mouse por cima.

Tabela de cores aqui

You May Also Like

13 comentários

  1. Guriiaah seu blog é show,simplesmente eu amei,já sou seguidora*-*
    O lay é divino♥Adorei o tuto,quem sabe eu não uso;]Parabéns pelo talendo♥
    http://viciadasemcupcake.blogspot.com.br/

    ResponderExcluir
  2. Obrigada por seguir flor s2
    Adorei o blog *---*
    Beijos ;*

    ResponderExcluir
  3. oooo blog tá mais do que lindo pode ficar de olho que qualquer dia ele aparece lá no JD *---------* beeejus linda (:

    ResponderExcluir
  4. Eu já tentei fazer no meu blog, mas só vai ficar legal quando eu mudar o layout.

    http://jennywestwick.blogspot.com

    ResponderExcluir
  5. ótimo o tutprial e o resultado fica lindo e bem detalhado amei bjs :* Lukas Martins | Portal Disturbia

    ResponderExcluir
  6. Amei,coloquei no meu *-*


    Beijão e me ajuda a crescer os seguidores? bymake.blogspot.com

    ResponderExcluir
  7. Que blog lindo!!! Amei seu tutorial, depois eu vou tentar! Obrigada pelo comentário,a opinião dos leitores é muito importante para mim. Estou seguindo você =)

    Layla
    www.blogsaiudoforno.blogspot.com

    ResponderExcluir
  8. Fica fofo demais mesmo, dá uma destaca na categoria a qual o post pertence. Mas acho que vou ter que trocar o layout primeiro, aquelas minhas cores estão meio bagunçadas HAUHEUEAHUEHUEAUAE E as categorias também, mas enfim. ¬¬'
    Vou favoritar o post aqui pra usar mais tarde. Apesar de eu ser totalmente n00b com HTML, li o post e entendi tudinho. Não me parece tãaaao difícil de fazer. Espero que não, rs.

    muggle-world.blogspot.com

    ResponderExcluir
  9. Oi linda! hoje eu vim te convidar para conhecer o meu cantinho e participar do sorteio de um sapato no valor de R$ 142,00. Beijão ♥

    www.todacharmosa.com
    @pathyamorinha

    Se tiver um tempinho curte a fan page nova do blog: www.facebook.com/blogtodacharmosa

    ResponderExcluir
  10. OI!! vc poderia fazer um tutorial para a gente aprender a colocar esses comentarios personalizados?

    ResponderExcluir
    Respostas
    1. Claro Lara, só ficar de olho que já já vou tá postando!

      Excluir
  11. Não tá funcionando nada :c
    http://topteeng.blogspot.com.br/

    ResponderExcluir