terça-feira, 24 de julho de 2012

Como alterar a barra de rolagem

Hey penguins, aqui é U falando.
Hoje vou ensinar como trocar a barra de rolagem.
Primeiramente vá em modelo, editar html.
Agora procure (utilize ctrl+f para facilitar) pelo tag 
/* Header
Agora ACIMA do tag cole o seguinte codigo;

::-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; } 
Ficando assim;
 

Agora salve.

COMO EDITAR;

Esta vendo esta parte?
::-webkit-scrollbar-track-piece {background-color: rgb(0,74,174);}::-webkit-scrollbar-thumb:vertical {background-color: rgba(255,255,255,0.4);
Onde esta em vermelho é a cor do fundo da barra de rolagem.
Exemplo de customização;background-color: #000000;


Agora onde esta em azul é a parte que rola a pagina.
Exemplo; background-color: #FFFFFF;


Até mais, U. 

5 comentários:

  1. Verifique se o codigo está correto e se está por CIMA da tag ''/* Header''

    ResponderEliminar
  2. Como nos mudamos a cor?.....
    Eu tentei fazer esse exemplo do #000000 e do #FFFFFF mas não deu certo.Ficou tudo preto....

    ResponderEliminar
  3. Esqueça, já entendi porque é que não funcionava =).
    Tinha que tirar o (0,74,174) e o (255,255,255,0.4)

    ResponderEliminar
  4. me ajudem pq quando eu fasso fica na vertical fica riscos um embaixo do outro sem mudar a srcoll bar eu ocloquei em cima de Header so que no daqui o tag é /*Cabeçalho

    ResponderEliminar