Barra de Rolagem (imagem / cor)

Oie xuxuzinhos da minha vida  bah hoje eu descobri que meu pai é mais tri do que eu pensava ^-^ o véio além de curtir Raul Seixas , Cazuza e Johnny Cash que eu já achava triiii *-* descobri que ele gosta de Jaspion e ontem peguei ele assistindo Pokémon rsrs \o/  ele ainda começou a usar um all star vermelho que era do meu irmão *-* bah até me emocionei rsrs vou ver se carrego ele pro AnimeXtreme em Junho!! 

(detalhe meu xuxuzinho tem 60 anos já)

tah tah tah..vou postar um tuto "barbada"..eu vou postar  como deixar  a barra de rolagem colorida e como  usar background ao invés de cor 

Vá em design > Editar HTML > Aperte Ctrl+F e procure por ]]></b:skin>
Cole o código acima de ]]></b:skin>

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

 Se quiser colocar background ao invés de cor substitua background: #000;  por background: url(URL DA IMAGEM);

Se quiser a barra móvel mais quadrada apague ou diminua os px de:
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;

 Personalize do jeito que quiser :)

 Post com os estilos de bordas veja aqui
 Tabela de cores aqui

*Código do Cherry Bomb eu só acrescentei "background: url(URL DA IMAGEM); " na barra que eu uso :)