Tutorial : Personalizando a Scroll Bar

581238_256663701099124_194120037353491_443218_173216547_n_large

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.

Um comentário: