26/08/2012

Barra de rolagem colorida

Oi,quer aprender a colocar a barra de rolagem colorida?
Igual essa?
Então clique em Leia Mais para ver o Tutorial!


Vá no html do blog aperte ctrl+f e procure pela palavra:

]]></b:skin>

E ante dela cole o codigo abaixo:

/*** 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 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; /*Coloque borda se quiser*/}

Altere as cores e se não  quiser cantos arredondados, apague as partes em verde.

Crédito:Cherry Bomb e quinze para meia noite.

Nenhum comentário:

Postar um comentário