25 de out. de 2012

Tutorial: Barra de Rolagem colorida!

Olá, como vai ? hoje trouxe um tutorial que deixa o 

blog bem fofo, colorindo a barra de rolagem da cor 

que desejar; 

redonda ou quadrada :)



irá ficar assim :


Vamos começar ? é simples.


No painel do blogger, clique no nome do seu blog, depois,

 clique em "Modelo"no menu vertical que aparece no lado 

esquerdo da tela. Clique no botão "Editar HTML" que fica 

em baixo da miniatura do seu blog, e clique em prosseguir 

no aviso que aparecer.

/*** Rolagem da Vertical da Página ***/::-webkit-scrollbar-

thumb:vertical {background: #ff0f72; /*Cor da barrinha que 

se move*/border: 1px solid #bgh; /*Coloque borda se 

quiser*/height:50px;border-radius: 20px;-moz-border-

radius: 20px

;-webkit-border-radius: 20px;}/*** Rolagem da Horizontal da 

Página***/::-webkit-scrollbar-thumb:horizontal {background-

color:#ff0f72; /*Cor da barrinha que se move*/border: 1px 

s
solid #bgh; /*Coloque borda se quiser*/height:10px;border-

radius: 20px;-moz-border-radius: 20px;-webkit-border-
radius: 20px;
 }/*** Parte fixa da rolagem (fundo que não se move) ***/::-

webkit-scrollbar {height:10px;width:15px; /*Largura da 

barra de rolagem*/ background: #000000; /*Cor da parte fixa, que fica no mundo*/border: 1px solid #bgh; 




 Se não quiser os cantos redondos, apague o que está em vermelho (ficará quadrada)






Créditos especialmente á Cherry Bomb e a Dona Princesa





Nenhum comentário:

Postar um comentário