• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

4 de dezembro de 2012

Barra De Rolagem Colorida

Hooý  meu docinhos de chocolate >.<
Hoje trouxe um  tutorial muiito legal,desculpem não ter postado muito,mais é que meu photoshop tá dando
uns problemas,e a maioria das coisas que eu faço são lá,então,desculpem mesmo.
O tutorial que eu trouxe hoje,é como deixar a barra de rolagem do seu blog desse exemplo abaixo:

Quer aprender ? click em leia mais *w*



 Vá Em Design> Editar HTML e procure por: ]]></b:skin>
Acima dele cole esse codigo:
::-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;}
 Vamos Personalizar:  O código #e7b3c2 é a cor da barra de rolagem. O código #fff é a borda da barra de rolagem. E onde está escrito FUNDO DA BARRA DE ROLAGEM é o ulr do background Você pode consultar a tabela de cores aqui.


10 comentários:

  1. Já conheço esse tutorial! Ele é ótimo! bjins
    apenaas-uma.blogspot.com

    ResponderExcluir
    Respostas
    1. Muito Mesmo *--*
      Obrigadinha ;)

      Excluir
  2. Já conhecia o tutorial,é muito boml.

    Beijos

    blogdagi1.blogspot.com.br

    refugio-cristao.blogspot.com.br

    ResponderExcluir
  3. Super legal esse tutu e ainda deixa um efeito muito legal *--*
    Bjuss

    ResponderExcluir
    Respostas
    1. é legal mesmo flor ☺
      Beijin *--*

      Excluir
  4. Ja conhecia o efeito e eu sempre adoro colocar barra de rolagem diferente, rsrs aquelas normais são tão clichês :ss

    jovenclube(.blogspot.com.br)

    ResponderExcluir
    Respostas
    1. São mesmo,quando tinha começado,eu nem sabia mexer nessas coisas de HTML,mais agora eu consigo fazer tudo sozinha *-*

      Excluir
  5. Amor me ajuda, como coloca gadgets no cabeçalho do blog? Eu não entendi o tuto :c Como assim colocar o codigo do gadget? Help :c

    ResponderExcluir