6 de agosto de 2011

Tutorial-Barra de Rolagem Colorida

Sabe aquela barra de rolagem cinza que não tem muita graça e você vê um blog que tem uma colorida? Você fica procurando o tutorial e não acha, mas eu achei um tutorial no Menina Nerd!

Então mãos á obra!!!



1-Vá em editar HTML>Aperte ctrl+F (vai aparecer uma barra de busca) e procure por:

]]></b:skin>

2-Antes dele, cole:

*{
scrollbar-face-color:#FF69B4;

scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }::-webkit-scrollbar-thumb { background: #FF69B4; }

O que tá escrito em roxo é a cor da barra e o que tá escrito em verde é a cor do plano de fundo. Para mudar, veja a tabela de cores e pegue o código que aparecer, substituindo-o pelas cores que estão aí! 

Deve ficar assim (a parte em amarelo é o código):

Com as minhas alterações de cores


Salve e visualize. A barra de rolagem vai ficar com esse visual:


Um comentário:

Things Girls Fashion disse...[Responder comentário]

Olá, eu queria saber se você poderia passar o tutorial do seu porque é muito fofo, e tbm o do c-box não sabia que dava para mudar obg. http://thingsgirlsfashion.blogspot.com