Personalizar a barra de rolagem

Oi docinhos de limão, hoje eu vou fazer um tutorial muito básico e fácil. 

Achei no google, e vou colocar aqui pra vocês.

Como personalizar a barra de rolagem para ficar igual a minha!  Muito fácil.

Primeiro: 

1. Design> Editar HTML> Expandir Modelos de Widget

2. F3 ou Ctrl +F e pesquise por: 

                          ]]></b:skin>

3. Pesquisou? Agora cole acima do ]]></b:skin> esse código:

::-webkit-scrollbar-thumb:vertical {

background: #e7b3c2;    

height:50px;

border: 2px solid #fff;

box-shadow: 2px 2px 4px #bebdbd;

-moz-box-shadow: 2px 2px 4px #bebdbd;

-webkit-box-shadow: 2px 2px 4px #bebdbd;

-khtml-box-shadow: 2px 2px 4px #bebdbd;

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

border-radius: 10px; /* Para Opera 10.5+*/

}

::-webkit-scrollbar-thumb:horizontal {

background-color:#f26d92; height:10px;

border: 1px dashed #fff;

-webkit-box-shadow:0 0 1em #eee; }

::-webkit-scrollbar {height:10px; width:20px; background: url(FUNDO DA BARRA DE ROLAGEM) repeat;

box-shadow: -3px -2px 10px #bebdbd;

-moz-box-shadow: -3px -2px 10px #bebdbd;

-webkit-box-shadow: -3px -2px 10px #bebdbd;

-khtml-box-shadow: -3px -2px 10px #bebdbd;}

 #e7b3c2 = cor da barra de rolagem (o meu está rosa) para mudar a cor troque pela qual você quer.    Aqui tem algumas cores.

#fff = cor da borda (o meu está branco) para mudar a cor troque pela qual você quer. Aqui tem algumas cores.

Fundo da barra de rolagem = O fundo que você quer, é só pegar o URL e colar no lugar de "FUNDO DA BARRA DE ROLAGEM"

Salve e visualize, fácil né?

Comentem.

Beijos, Giulia.