Barra de rolagem (scrollbar) com imagem

Esta página é um anexo do post CSS: barra de rolagem colorida no Google Chrome.

Aqui temos um exemplo de barra de rolagem (scrollbar) com imagem que deve funcionar no Google Chrome e em outros navegadores que usam webkit, como Opera e Flock.

Código para a folha de estilos:

::-webkit-scrollbar {background:#ffffff; width:30px; height:30px;}
::-webkit-scrollbar-thumb {background:orange url(http://meutedio.freetzi.com/bg-para-barra.png) repeat;}
::-webkit-scrollbar-track {background:#ffffff;}
::-webkit-scrollbar-corner {background:orange url(http://meutedio.freetzi.com/bg-para-barra.png) repeat;}

Onde está escrito http://meutedio.freetzi.com/bg-para-barra.png você coloca o endereço da imagem de sua preferência. A que uso neste exemplo é do site Colour Lovers.

Confira também:


www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

www.meutedio.com.br

Não existe uma imagem aqui. É só para você ver a barra na horizontal.