17 de nov de 2012

Barra de rolagem redonda e colorida


Oi pessoal! Hoje vim trazer outro tutorial: como colocar barrinha de rolagem colorida e redonda.
Vamos ao tutorial:

1º Passo: Vá no seu blog em Acessar lista de postagens 
2º Passo: Na parte esquerda da tela, clique em modelo.
3º Passo: Editar HTML, no aviso que aparecer clique em prosseguir 
4º Passo: Aperte ctrl + f / f3
5º Passo: Na barra de pesquisa que aparecer procure por ]]></b:skin>
6º Passo: Acima dele cole a seguinte tag
::-webkit-scrollbar-thumb:vertical {
background: #FF69B4;
height:50px;
border: 2px solid #FFFFFF;
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 #beFbdbd;
-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(URL DO BACKGROUND FIXO) 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;}
}

7º Passo: Substitua #FF69B4 pela cor que deseja wwwl, ou se você preferir colocar fundo troque URL DO BACKGROUND FIXO pelo o que o nome mesmo diz

Bý Nynne

7 comentários:

  1. Tutorial super legal, deixa o blog mais bonito ú.ú
    Ah, sobre a afiliação eu vou colocar você lá, mais siga as regras ok?!
    Beijos
    Beleza&Make( clica no perfil)

    ResponderExcluir
    Respostas
    1. Oi Carol
      Tutorial que ajuda na aparência
      Ok regras aceitas
      Bý Nynne >.<

      Excluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Adorei a sua postagem.
    Fiz e adorei.
    Obrigada por mim ajudar a fazer isso.
    Bjosss
    Ass:Gabrieli

    ResponderExcluir
    Respostas
    1. Que bom que você gostou!!
      Fico muito feliz em ver que eu dou uma ajudinha!!

      Excluir
  4. Ownn,que fofinha!Mas agora estou com preguiça de colocar no CG,mas salvei e,quando a preguiça me deixar viver,eu coloco,haha!

    Seguindo,retribui?
    cherrygo.blogspot.com

    ResponderExcluir
  5. Deixa a preguiça de lado!!
    Claro que sim!!

    ResponderExcluir

Vai comentar? Que bom mas antes siga algumas regrinhas ok?!
* Não xingar
* Coloque a URL do seu blog no final do comentário
* Sigo seu blog se gostar dele,então nada de ficar pedindo
* Sim eu retribuo os comentários o quanto posso
Só isso gente -_-
Býy- Nynne