Tutorial - Barra de rolagem Colorida

Yoo ~ 

Como está indo o feriadão de vocês ?

Bom né , rs' Hoje o Tutorial de hoje vai ser de , 

Como   personalizar a barrinha que sobe e desce , 

eu não sei se eu já postei esse tuto aqui né , mais ...

E para quem não sabe qual éa barra eu vou mostrar 

clique em mais informações ' 

a BARRINHA para quem não sabe :

Então vamos  começar o tutorial de hoje?

 Então vamos modifica-la!

2->Cole antes dele:  1- Vá em > Modelo > Editar HTML > Prosseguir > Ctrl + F e procure por :

]]></b:skin>

2->Cole antes dele:

/*** Rolagem da Vertical da Página ***/

::-webkit-scrollbar-thumb:vertical {

background: #ff0f72; /*Cor da barrinha que se move*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

height:50px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

/*** Rolagem da Horizontal da Página***/

::-webkit-scrollbar-thumb:horizontal {

background-color:#ff0f72; /*Cor da barrinha que se move*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

height:10px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

 }

/*** Parte fixa da rolagem (fundo que não se move) ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*Largura da barra de rolagem*/

 background: #000000; /*Cor da parte fixa, que fica no mundo*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

}

ENTENDA : Cor do fundo que não se move

A largura 

A cor da parte fixa  (que fica no fundo)

E se quiser borda ..

Rolagem A BOLHINHA DE SE MOVIMENTA  
a COR DA BARRINHA
EA borda se quiser 

# Eu recomendo essa Tabela (www)

Então para mudar as cores é só copiar o código , e colar 
EX :

/*** Parte fixa da rolagem (fundo que não se move) ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*10px*/

 background: #F5F5DC; /*#87CEFA*/

border: 1px solid #bgh; /*#F5F5DC*/

}

Aprenderam ??? 

Kissus <3 '