Oie caramelinhos!
Bem, eu deveria postar a resenha sobre o livro Minha Vida Fora de Série, da Paula Pimenta (sim, eu já li todas as 405 páginas), mas à pedido da Duda, do Sem Roteiro, lá no meu tumblr, vou mostrar um tuto bem simples e rápido para personalizar a barra de rolagem do blog, que nem a do SammySacional. 
Vamos conferir? Clica em Leia Mais!



CRÉDITOS: Cute World

OBS: A barra, já personalizada, só é exibida no Google Chrome

Vamos começar o tuto? Let's Go!

Vá até Modelo -> Editar HTML, dê CTRL + F e procure por:

]]>

Achou? Agora, antes da tag, cole o seguinte código:

::-webkit-scrollbar-thumb:vertical {
background: #e7b3c2;height:50px;
border: 2px solid #fff;box-shadow: 2px 2px 4px #bebdbd;
-moz-box-shadow: 2px 2px 4px #bebdbd;
-webkit-box-shadow: 2px 2px 4px #bebdbd;
-khtml-box-shadow: 2px 2px 4px #bebdbd;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#f26d92; height:10px;
border: 1px dashed #fff;
-webkit-box-shadow:0 0 1em #eee; }:
::-webkit-scrollbar {height:10px; width:20px; background: url(fundo da barra de rolagem) repeat;box-shadow: -3px -2px 10px #bebdbd;
-moz-box-shadow: -3px -2px 10px #bebdbd;
-webkit-box-shadow: -3px -2px 10px #bebdbd;
-khtml-box-shadow: -3px -2px 10px #bebdbd;} 

Agora, basta apenas personalizar o código com as cores indicadas e prontinho! Sua barra estará totalmente personalizada!
Para ajudar, aqui está a paleta de cores que eu uso.

Gostaram do tuto? 

Bjos...

3 Comentários

  1. E um otimo tutorial, porq cá pra nois essa bara normal é meio feinha, nada con tra.
    Passa lá e comenta: www.blogsweetgirls.com

    ResponderExcluir
  2. parabens muito bem explicadinho o tuto ,amei to seguindo , segue ?
    www . space-female . blogspot . com

    ResponderExcluir

Obrigada por ler o post!
- - - - - - - - - - - - - - - - - -
ATENÇÃO:
- Não use vocabulário impróprio;
- Não aceito Tags e Selinhos;
- Não aceito comentários que não tem nada a ver com o post.
* Comentários assim serão devidamente excluídos e eu não retribuirei visita.
- - - - - - - - - - - - - - - - - - - - -
Deixe o link do seu blog no final do comment para que eu possa retribuir a visita. :)

Bjos...