13 de outubro de 2012

Barra de rolagem colorida

Tumblr_mbdx5gnr9i1rrn9k9o1_500_large

Oiie gente! Hoje eu venho aqui para ajudar vocês com uma coisa muito procurada pelos blogueiros, que é a barra de rolagem colorida parece tão dificel mais de dificel não tem nada!! Vamos ver como se faz:
~> Abra o HTML ~> aperte F3 e na janelinha que aparecer pesquise o seguinte código:

 ]]></b:skin>

Quando encontrar, coloque em cima disso esse seguinte código:

::-webkit-scrollbar{ width:5px;height:5px;}
::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#87CEFA;-webkit-border-radius:px;-webkit-border-radius: 10px; /* ESTILOS DA BARRA MÓVEL*/
-moz-border-radius: 10px;
border-radius: 10px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#FF6A6A;-webkit-border-radius:px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}


Verde: Cor do fundo da barra.
Vermelho: Cor da barra horizontal
Laranja: Cor da barra vertical

Depois salve, e veja como ficou, sua barra de rolagem está pronto!!



Nenhum comentário :