12 de ago. de 2011

Barra de Rolagem Colorida

A pedido de uma leitora do blog, hoje vou lhes ensinar como deixar a barra de rolagem do blog de vocês colorida como a minha. Eu aprendi a fazer isso no blog Menina Nerd, então créditos à Andreza por esse tutorial.
      Lembrando: barra de rolagem é essa barrinha que tem do lado direito de todos os sites que serve pra vocês ir mais para cima ou mais para baixo do site.

     Para mudar a cor dessa barra primeiro entre em Design no painel do blogger e depois em "editar html". Aperte Ctrl+F e procure pelo seguinte código:

]]></b:skin>


     Após localizá-lo cole esse código acima dele:
*{
scrollbar-face-colo:#1C1C1C;
scrollbar-highlight-color:#1C1C1C;
scrollbar-3dlight-color:#FFE1FF;
scrollbar-darkshadow-color:#FFE1FF;
scrollbar-shadow-color:#1C1C1C;
scrollbar-arrow-color:#FFE1FF;
scrollbar-track-color:#FFE1FF;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #FFE1FF; }
::-webkit-scrollbar-thumb { background: #1C1C1C; }
     Agora é só você substituir onde estiver #FFE1FF pela cor do fundo e #1C1C1C pela cor da barra. Aconselho usar essa tabela de cores para escolher a cor que você quiser.

 Esse efeito não funciona no firefox

14 comentários:

marcelli Lessa disse...

bom fim de semana pra você, flor!
flor, queria te lembra que no meu bloguinho tá rolando sorteio!
convido você e suas leitoras a participar!

http://ofabulosomundodemarcellilessa.blogspot.com/2011/08/sorteio-mega-fofo-aqui-no-blog.html


te espero lá, amiga!
beijinhos no S2!

Cecilia disse...

no mozila não aparece essa barra :/

http://himi-tsu.blogspot.com/

RafaCruz disse...

Shizu, eu coloquei uma nota no final da postagem dizendo que essa barra colorida infelizmente não aparecia no Mozilla Firefox, mas aparece em outros navegadores.

Bjs
Rafa

Cecilia disse...

o mozila realmente é chato xD

http://himi-tsu.blogspot.com/

camila disse...

Oi Rafa! Eu tentei colocar no meu blog, mas não consegui do jeito que eu queria! Vou te pedir um favor, disponibiliza o código da sua barra de rolagem pra mim! Porque eu adorei a cor que você colocou no seu blog e queria colocar no meu também, mas sempre dá erro! Me ajuda!?
Se puder me manda por e-mail:
lee.rosy@hotmail.com

bjs

camila disse...

Rosachiclete-s2.blogspot.com!

camila disse...

Rafa! Consegui! Nem acredito! Mais uma vez super obrigada! Beijos!!

rosachiclete-s2.blogspot.com

Thalita Maia disse...

Ameeei o seu blog; super lindoo!
Olha lá meu novo blog.:
just-a-girl21.blogspot.com
Beijos

dribs disse...

muito lindo... sabe, estou com MUUITA (nossa, que irônia) vontade de fazer...
um dia eu faço :)

act parceria? segue?


http://pinkpimenta.blogspot.com

Anônimo disse...

Olá.
Estaria interessada em parceria com o Secrets of Cherry?
http://gabiislol.blogspot.com/

Espero resposta.

Any Brasil disse...

é tudo essa super dica
trendluxo.blogspot.com

Anônimo disse...

oi fofa, seguindo!
ameeeeei seu blog *-*
segue devolta?
bjs =)

http://bnascimentooo.blogspot.com

Anônimo disse...

Olá rafa gostaria de participar dos afiliados.Tenho um blog http://sanguecomamor.blogspot.com
Como faço?
Para contato entre no blog e deixe seu recado lá na caixa de recados ou click em contato.
OK!Beijokas Ana Zuky

Anônimo disse...

Olá rafa sou eu novamente,gostaria de saber se você faz templates.POis tenho imensa vontade de ter o meu e não de modelo que outros tenham se caso você não fazer me indique um e por favor me avise que preço a pessoa cobra para fazer.


ps:esta add seu botton no meu blog.

Espero contato,avise-me por email por favor anazuky@hotmail.com

Postar um comentário

- Para evitar que seu comentário venha a ser excluído, leia a política de comentários do blog.
- Antes de fazer uma pergunta dê uma olhada na página de FAQ para ver se sua pergunta já não foi respondida lá.

Obrigada por comentar. Saber que minhas postagens são valorizadas por outras pessoas é o que me faz continuar com o blog