.Carpe Diem: Barra de rolagem colorida

08 setembro, 2011

Barra de rolagem colorida

Antes de começar esse tutorial quero dar os créditos ao blog Menina Nerd (meninanerd.blogspot.com) que pegou do blog Pink Skull Design O.o ja passo por tanto blog :S ! Acho super lindo e resolvi dividir com voces...

                 

1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:

]]></b:skin>

2. E 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; }

Visualize, se estiver tudo certinho, salve.

Observação: Os códigos destacados em roxo representam a cor da barra, e os destacados em verde representa a cor de fundo. Se quiser, você pode mudar as cores, basta substituir os códigos destacados. Essa tabela tem várias cores. Não funciona no Firefox.





                                                        Girly Paradise Gifs

6 comentários:

Fernando Marques disse...

Ai adorei o tutorial! salvei até para fazer depois!

eu amei seu blog e acabei te seguindo! te espero em meu blog,se você puder me siga!

http://wwwmaismoda.blogspot.com/

beijos e abraços!

-Thaís Amaral.' disse...

adorei o tutorial tb.vou ja fazer o meu.kk(medinho aki em cs)(o.o)

Julia Lis disse...

bem bacana
tem post novo no blog
beijos
@julialis
http://julialis.blogspot.com/

Mariana Batista disse...

Adoro esse efeitinho.
Eu já te sigo.
Tem post novo. Comenta?Girl Teen

Isa's Trond disse...

Oie florzinha ! Obrigada por visitar o meu bloguinhoo ! Tbm achei o seu mto lindoo ! Seguindo de volta ! Bjoo :* site : isastrondisas.blogspot.com

Luamar Soares disse...

Legal, não é?
Também uso no meu blog^^
Amei aqui, bjs ;3
itslua.blogspot.com

Related Posts Plugin for WordPress, Blogger...