Menu

03 março 2013

Scrollbar Padrão Fofa Tutorial

                       
                                                               (que dilicia *o*)
Oi pequenos bolinhos tudo bem ? espero que sim ta vendo essa imagem ai em cima? era só pra deixar vocês com fome sou mau . Bom hoje eu vou ensinar vocês como fazer uma SCROLLBAR PADRÃO FOFA é claro que eu não sou muito inteligente pra criar algo fofo que vocês vão ver.. Então créditos para :♥www♥ Vamos deixar de conversa e vamos começar !!!!




Obs: provavelmente funciona só no chorme.
  
                                                             Como ela fica:
                                   

Vamos lá!
Adicione o código acima de ]]></b:skin> alterando conforme descrito abaixo (cores, altura e largura).
01::-webkit-scrollbar {
02width:0px;/**largura**/
03height:0px;/**altura**/
04}
05::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
06width:0px;/**largura**/
07height:0px;/**altura**/
08display:block;
09background:#000;/**cor dos quadradinhos**/
10border:1px solid #000; /**cor e estilo da borda dos quadradinhos**/
11}
12::-webkit-scrollbar-track-piece  {
13background-color:#000;/**cor de fundo**/
14}
15::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
16background-color:#000;/**cor da barra scrollbar**/
17border:1px solid #000;/**cor e estilo da borda da barra scrollbar**/
18}

Não testei se pode substituir as cores por imagens, mas imagino que sim. Caso queiram testar, troque background: #000; por background: url(URL DA IMAGEM);
As alturas e larguras devem ter o mesmo tamanho e se referem tanto aos quadradinhos quanto a scrollbar.



Nenhum comentário:

Postar um comentário

Comente Porfavor >.<'