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:
]]></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.
::-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
Laranja: Cor da barra vertical
Depois salve, e veja como ficou, sua barra de rolagem está pronto!!
Nenhum comentário :
Postar um comentário