Tutorial : Personalizando a Scroll Bar

Oi gente, tudo bem? Hoje eu Nataly, vim com um tutorial super legal achado no Annyz , o blog dela é super fofo .-. A Scroll Bar é a barra lateral! E é com dois Backgrounds essa que eu vou ensinar! Vamos ao tutorial?


Desing  Editar HTML  Pesquise por:


]]></b:skin>

E logo acima cole o seguinte código:

-Webkit-scrollbar :: {

height: 12px;

width: 15px;

background-image: url ( URL FUNDO );

}

-Webkit-scrollbar :: polegar {

background-image: url ( URL FUNDO );

-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;

}

A parte em Lilás é a forma da barra.

A parte em Verde é a parte onde você irá colocar o código dos backgrounds.

E visualize antes de salvar ok? Resultado:

Créditos: Annyz 

Beijos, até a próxima.