quinta-feira, 8 de setembro de 2011

Tutorial: Barra de rolagem colorida!

Tumblr_lr4a1o1y8e1qefijno1_500_large

Mais uma vez, fiquei sem postar tutorias por um bom tempo, peço desculpas novamente, vou tentar postar mais tutorias para vocês. Muitas pessoas não sabem ou tem dúvidas de como colocar a barra de rolagem colorida, mas é bem simples, e preparei um tutorial bem explicado!

Aqui vai um print de como vai ficar:


Agora vamos ao tutorial!

Vá em Painel > Design > Editar HTML. Dê CTRL F e procure por: ]]></b:skin>



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

E agora é só mudar para as cores que você quiser, apenas mudando os códigos: "#343434" e "#FF69B4" consultando a Tabela de cores

Caso fique com alguma dúvida, fale comigo na Cbox ou nos comentários :D

~Hanna~

2 comentários:

Martha disse...

Amei o tutorial, super legal!!
Beijos
umagarotanaotaoigual.blogspot.com

David Costa disse...

Oiee
adorei o seu blog!!
ja estou seguindoo || SEGUE DE VOLTAA POR FAVOR??
http://garotoonerd.blogspot.com

Postar um comentário