12 junho 2012

Barra de Rolagem personalizada

Acharam ? 
                   Tumblr_lyu547naw81qm8b2do1_500_large
oooooooi frutas vermelhas' , vamos decorar o seu blog ? , começando pela barra de rolagem , essa normal é muito feiinha vamos personalizar do seeu geito
       primeiro = Vá em Design>>Editar HTML e de Ctrl + F ou F3 , procure por =
 ]]></b:skin>  


       e cole ACIMA :

::-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 #fff;
-webkit-box-shadow:0 0 1em #eee; }
::-webkit-scrollbar {height:10px; width:20px; background: url(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;}

                                              Personalizando há barra :
      #e7b3c2- vs trocará pelo código da cor da barra - código de cores
 


#fff - ai vs trocará pelo código da borda da barra - 
código de cores


           depois vs Visualiza pra ve se ta certinho , e se tiver Salva e proonto
       
 Créditos:  Código de Cores Pink Pimenta.

Nenhum comentário:

Postar um comentário

Obrigado por Comentar <3

LinkWithin

Related Posts Plugin for WordPress, Blogger...