22/07/2013

Barra de Rolagem...



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...

2 comentários:

Não xingar e nem falar palavrões
Aceito críticas mas desde que seja críticas construtivas.
Pedidos de afiliação pode ser por comentário.
Aceito seguindo segue de volta mas desde que a pessoa esteja realmente seguindo.
Deixe o link do seu blog para que eu possa retribuir a visita ou seguir.