COMO PERSONALIZAR A BARRA DE ROLAGEM

E ai pessoal, tudo beleza? Hoje vou ensinar como personalizar a barra de rolagem do seu blog. É muito fácil, veja:

No painel do blog, vá em Modelo>Editar HTML, e procure por:
]] ></b:skin>


E cole acima da tag procurada, esse código:
/*Rolagem da Barra Vertical da Página*/
::-webkit-scrollbar-thumb:vertical {
background: #dcdcdc; /*cor da barrinha que se move*/
border: 1px solid #ccc; /*borda (podes eliminar)*/
height:50px;
}
/*Rolagem da Barra Horizontal da Página*/
::-webkit-scrollbar-thumb:horizontal {
background-color:#dcdcdc;
border: 1px solid #ccc; /*borda (podes eliminar)*/
height:10px;
}
/*Fundo Fixo da Barra de Rolagem*/
::-webkit-scrollbar {
height:10px;
width:15px; /*largura da barra de rolagem*/
background: #00bfff; /*cor da parte fixa*/
border: 1px solid #ccc; /*borda (podes eliminar)*/
}

Edite e pronto, é só salvar (mas lembre-se de visualizar antes).

Nenhum comentário:

Postar um comentário

Observação: somente um membro deste blog pode postar um comentário.