quinta-feira, 4 de abril de 2013

Barra de rolagem colorida :3


Oi pessoal como estão?eu estava com vontade de postar e aqui estou eu rsrs.Vou mostra um tuto pra vocês facinho só precisa de atenção e um aviso:no sabado um grupo de hackers vão atacar tomem cuidado.

Bom,vamos lá,vá no modelo e em editar html aperte Ctrl+f e procure por ]]></b:skin> ,depois que você achou cole esse código antes dele:

/*** 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*/
}




Se você não quiser sua barra de rolagem com bordas arredondas no canto apague o que estiver de roxo,e depois é só substituir as cores e pronto!

Espero que tenha ajudado!
Créditos ao:Cherry Bomb

2 comentários:

  1. Adorei!

    Bjs - Suzana Rosa - www.rosachiclets.com.br

    ResponderExcluir
  2. Adorei, é bem útil. Ainda à pouco tempo estive à procura...
    Bjs!
    all-2you.blogspot.com

    ResponderExcluir

Seguindo segue de volta?sigo
Pode divulgar o meu blog?Peça pela ask
Não diga palavrões ou ofender outro leitor!
Se o comentário não tiver a ver com a postagem será ignorado.
Deixe o link do seu blog :) .
Obrigado por escolher a apenas uma garota otaku