segunda-feira, 17 de outubro de 2011

Como deixar a barra de rolagem colorida

Tumblr_lt7x1ifxso1qf8139o1_500_large
Heey gente! Hoje vou fazer um tutorial super fácil, e rápido e que fica muito fofo, que é de como personalizar a barra de rolagem! 
Clique em Mais Informações para ver a continuação do tutorial:

1- Vá em design, editar HTML, aperte Ctrl+F e pesquise por :
]]></b:skin>

2- E antes dele cole:
*{
scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; }

Obs: Os códigos em roxo representam a cor da barra e os em verde a cor do fundo. Você pode mudar as cores, você só precisa mudar os códigos. Essa tabela contém vários códigos de cores. 

Bom é isso! Fácil né ? Beijoos
Qualquer duvida, comentem!

10 comentários:

  1. Tava procurando esse tutorial vou usar.
    Obrigada Beijos

    http://sweeteen2.blogspot.com

    ResponderExcluir
  2. Adoeeey. Coloquei as mesmas cores do seu.. Tem problema? É a combinação perfeita! *--*

    justlovefan.blogspot.com

    ResponderExcluir
  3. uau flor que dica mara super amei beijos

    http://rosanadicasfemininas.blogspot.com/

    ResponderExcluir
  4. Adorei, SEGUINDO SEGUE DE VOLTA? Beeeijos
    mylifeissprouse.blogspot.com

    ResponderExcluir
  5. Amore, já mandei meu formulário de encomenda para você. Mas não sei se você recebeu... Pois não havia nenhuma resposta da minha caixa de entranda nos meus e-mails... Verifique se recebeu meu formulário, por favor.
    Obrigada!

    justlovefan.blogspot.com

    ResponderExcluir
  6. Também adorei seu blog, estou seguindo... bjs

    ResponderExcluir
  7. oooi , tudo boom ?
    tem postagem nova laá no cada dia (:
    beijos ; @CynthiaMaraG
    http://aagarotinhaa.blogspot.com/

    ResponderExcluir
  8. Ameii a qui e estou seguindo!! Retribui?
    www.batomdeframboesa.blogspot.com

    ResponderExcluir
  9. Oi, amei seu blog e adorei o tutorial... Virei seguidora!!!

    Segue??

    http://mundo-da-isabella.blogspot.com/

    ResponderExcluir
  10. Claaaro linda ! Com maior prazer fofa !
    Beijoss
    Blog Luxo ao Cubo!

    ResponderExcluir