Tutorial: Como personalizar a barra de rolagem do blog

Olá bon-bons ^^

créditos:World Sweet Cherry

Desculpe pela demora para postar aqui no MCW. É que fique um tempo sem internet e também estou sem idéias para post. O que vocês querem? utilitário, tutoriais, concurso, games, raspadinhas...? PEça nos comentários! Mas eu consegui achar um tuto bem conhecido mas é mais para os blogueiros (as) que ainda são iniciantes ou ainda não o conhecem. Vamos ver?

Vá em Modelo, editar HTML, dê um ctrl f e procure por: ]]></b:skin> e cole o seguinte código acima dessa tag:

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

::-webkit-scrollbar-thumb:vertical {

background: #253037; /*Cor da barra que irá se mover*/

border: 1px solid #ffffff; /*Se desejar borda altere colocando cor*/

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:#253037; /*Cor da barra que irá se mover*/

border: 1px solid #ffffff; /*Se desejar borda altere colocando cor*/

height:10px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

 }

/*** Parte fixa da rolagem (fundo imóvel) ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*Largura que você deseja para sua barra de rolagem*/

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

border: 1px solid #; /*Se desejar borda altere colocando cor*/

}

ATENÇÃO: mude apenas o que está destacado em azul! E coloque o código da cor que você desejar usar.

créditos: Candy Cherry

O que acharam do tutorial? Gostaram?