22 de jan de 2013

Barra de Rolagem Colorida

            
Olá , como estão ?
 Hoje eu trouxe um tutorial para mudar a barra de rolagem , que é isso :
                            
Vamos lá ?
Vá no painel do seu blog , clique em 'Modelo' e em seguida 'Editar HTML' . Aperte Ctrl+F e digite ]]></b:skin>  e antes cole este código : 
/*** 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*/}
 É só alterar as cores conforme indicado, visualizar, e se estiver tudo certo, salve. Se não quiser cantos arredondados, apague as partes em azuis .
Créditos ao Cherry Bomb e Quinze pra meia noite 
Beeijos '

Um comentário:

Julia disse...

Aceito afiliação já te botei lá beijos! princesa-kawaii.blogspot.com(ex princesa-ironica)