30 de mar de 2012

Barra de Rolagem Personalizada!

Olá!
Tumblr_lvkhtnj8h01qzcspxo1_500_large
Vim com um tutorial super baba!
Clqiue em continuar lendo e veja!
Vá em Design>> Editar HTML e procure por:

 ]]></b:skin>
Achou?
Então cole esse código logo acima dele!


::-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 #FFFAFA;
-webkit-box-shadow:0 0 1em #eee; }
::-webkit-scrollbar {height:10px; width:20px; background: url(#FFC0CB
) 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;}
Agora salve e visualize!
Ela está como a mim, pois está do jeito que eu puz!
Caso queira mudar onde estiver:

#FFC0CB- Cor de dentro da Barra
e
#FFFAFA- Cor de Borda
Pelo desejado!
Beijoos!

Nenhum comentário: