5 de ago. de 2011

Dicas: Barra de Rolagem colorida



Meninas olhem a minha barra de rolagem  >>>
Gostaram??

Pois é, achei esse tutorial no blog Attitude Included e achei um arraso! Fiz o teste e deu certo! Ficou super legal né?!

Veja o Tutorial:


1-  Para colocar a barra de rolagem colorida, vá até Design, Editar HTML, aperte CTRL+F e procure por:

]]></b:skin>  


E cole ACIMA o seguinte código:

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }
::-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;
}

Vale a pena frisar que  a barra de rolagem colorida só funciona  nos navegadores Google Chrome, Safari e Internet Explorer.

Para alterar as cores, mude o código de cores do que está em rosa.
Clique aqui para ver os códigos das cores


Não deixem de comentar se vocês fizeram e se deu certinho ok?


Bjocas!







Créditos: 

5 comentários :

l disse...

Deu certinho...bjo
PS: do mesmo jeito se não quiser mais é só apagar?

CinderellaNerd - Deyse Mello disse...

Isso.. se caso você não quiser mais, vc procura o código, quando achá-lo confirme pra ver se é aquele mesmo. Se for é só excluir.

*-*

Bjos

Attitude Included disse...

O resultado do concurso Blog Vs. Blog saiu! Corre lá pra ver!
Beijos,
www.theattitudeincluded.blogspot.com

Attitude Included disse...

Mas eu to vendo ela aqui...
beijos,
tutoriaisattitudeincluded.blogspot.com

Anônimo disse...

muito legal, vou fazer =]

participa da promoção 15 dias de destaque?
http://chuvademorangos.blogspot.com