quarta-feira, janeiro 11, 2012

Barra de rolagem colorida


Heey
Sumi né eu seu ,mais para compensar dois novos tutorias (Eba) , Vou  ensinar colocar barra de rolagem colorida redondinha igual aqui no blog. 
Quer aprender? 




Vá em seu HTML.
 vá até Desing  Editar HTML
Feito isso, dê um CTRL + F e na caixinha de busca que aparecer, digite
]]>

Quando encontrar cole o seguite codigo antes de  ]]>


::-webkit-scrollbar-thumb:vertical {
background: 
#FF1493;

height:50px;
border: 2px solid #FFFFFF;
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(Link do 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;}
Edite :Em azul, é a cor do fundinho redondinho, 
Em vermelho é a cor da bordinha redondinha, eu aconcelho a colocar na cor branca, mas se quiser pode mudar indo na tabela de cores aqui .

Em rosa é o fundo da barra de rolagem. Aconselho que esse fundo seje o mesmo de seu background. 
Ate mais bjus

Nenhum comentário: