Web Toolbar by Wibiya

25/11/2011

Como colocar barra de rolagem personalizada


A pedido de uma leitora muito especial (Didi) resolvi fazer esse post e espero ajudar não só ela mas muitas outras pessoas! O tutorial é simples basta prestar atenção: Vá em Design > Editar HTML > aperte CTRL+ F e agora procure por:

]]></b:skin>

Encontrou? Ok, então agora cole ACIMA dele o seguinte código:

::-webkit-scrollbar {width: 12px; height: 4px; background: #3434; }
::-webkit-scrollbar-thumb { background: #ff004d; }
*{
scrollbar-face-color:#ff004d;
scrollbar-highlight-color:#ff004d;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#ff004d;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

Feito isso troque as partes em vermelho pela cor que você quer para o botão e as partes em roxo pela cor que você quer para o fundo da barra. Para fazer a troca é só copiar o "Código HTML" da cor escolhida nessa Tabela de Cores.

3 Comentários:

Carol disse... [Responder essa Fofura]

UHUL ATÉ QUE ENFIM ALGUÉM FEZ ESSE TUTORIAL! nossa kkkk',eu tava loca,e não encontrava!! *-* valeu , super fáacil
! *-*

http://theblogcaa.blogspot.com/

*Dedessa* ;D (*TudyTeen*) disse... [Responder essa Fofura]

kkk que bom que ajudei Carol

Suelen Simões Rosa disse... [Responder essa Fofura]

Ai muito obrigada estava a procura desse tuto, valeu eu semore que procurava não encontrava valeeu mesmo... ^-^


http://suelensimoesrosa.blogspot.com.br/