Olá galera, hoje eu vou ensinar como mudar a barra de rolagem.
Site legal com números de cores:Aqui:D
1.vá para design>modelo>editar html.
2.pressione Ctrl+F e digite : /* Header
3.copie o código abaixo:
::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; } ::-webkit-scrollbar-track-piece { background-color: rgb(0,74,174); } ::-webkit-scrollbar-thumb:vertical { background-color: rgba(255,255,255,0.4); -webkit-border-radius: 10px; }
4.cole este código logo acima do: /* Header
5.agora vamos aprender a edita-lo:
Primeiramente, a parte ::-webkit-scrollbar { width: 10px; height: 10px; }
No width: 10px; você muda o 10px para a largura que você quer a barra de rolagem vertical. Já em height, mude o 10px você muda a largura da barra de rolagem horizontal.
A parte ::-webkit-scrollbar-button:start:decrement,::-webkit scrollbar-button:end:increment { display: none; }
você não deve mudar nada
A parte ::-webkit-scrollbar-thumb:vertical { background-color: rgba(255,255,255,0.4); -webkit-border-radius: 10px; }
Em background-color: rgba(255,255,255,0.4); você muda a cor do botão de rolagem substituindo a parte: rgba(255,255,255,0.4) por um código H.E.X.
Em -webkit-border-radius: 10px; você muda a arredondação do botão de rolagem.
Você pode colocar um número, de 0px; á 99px; .
a parte do fundo da barra de rolagem: -webkit-scrollbar-track-piece { background-color: rgb(0,74,174); }. para trocar apenas substitua a parte rgb(0,74,174) por um código H.E.X.
Não é tão difícil, então bjsss...
.jpg)
Muito bom o tutorial.
ResponderExcluirsweet-of-cherry.blogspot.com.br
Obrigada.
Excluir