Tutorial-Barra de Rolagem Colorida

Vei essa maratona de tutoriais tá sendo legal! Fiz mais de 5 em 1 dia! HUHUU!

Esse tutorial vai ser assim, ñ tem a barra lateral de rolagem? Então vamos modifica-la!

1->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*/

}

3->Altere as cores em backgroud e se ñ quiser borda apague as linhas em que a letra esta preta!

Pronto! XAU!