13 de mar. de 2012

Tuto: Barra de rolagem


Oiii. Então como vão meus leitores? Eu vou bem obrigada...
Então, o ST tem mais uma novi. :D
Vocês repararam na barra de rolagem? Tá linda nééé????? #aloka

Pois é, eu consegui fazer com o tutorial de um lindo e fofo blog chamado: Cup cake of Dream ( Recomendo u.u) http://cupcakeofdream.blogspot.com

Mas vamos logo ao nosso tuto:

Procure pelo código:

]]></b:skin>

O mesmo vai aparecer destacado.
 antes deste código, cole este daqui: 

*{
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; }

Depois disso, tem mais outra partinha hehehe'

background: #343434 Corresponde a cor do fundo da sua barra, para alterar substitua somente o código destacado em preto.

background: #FF69B4  Corresponde a cor da própria barra de rolagem, para alterar substitua somente o código destacado em preto. 



Essa daqui é a tabela de cores: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

Boa sorte!
Beijoos!



Nenhum comentário: