02/08/2011

Como editar a barra de rolagem do seu blog

Hoje não é meu dia, mas eu estava dando uma passeada nos blogs Pink Skull Design e Menina Nerd, e achei um tutorial que te ensina a editar a barra de rolagem do seu blog! O efeito é lindo, e sai do básico, deixando seu blog único. Eu adorei, e se você percebeu, o B&B está usando essa barra de rolagem, mas para quem nãon entendeu, aí vai uma imagem:


ATENÇÃO: Não funciona no Mozila Firefox

        ------------------------------------------------ TUTORIAL -------------------------------------------------

1. Vá em design > Editar HTML > dê CTRL+F > Procure por:
]]></b:skin>


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



Edição do código:


Os códigos em amarelo representam a cor da barra, e os códigos em vermelho é a cor do fundo Se quiser, você pode mudar as cores, basta substituir os códigos destacados. Essa tabela tem várias cores.


Pronto! Vizualize, e se tudo estiver certo, salve, se não, tente outra vez e preste mais atenção... E aí, oque acharam do resultado? Eu adorei! bye, bye

11 comentários :

  1. Eu não consegui no meu blog, a barra fico transparente, bom que eu anulei, mas, você não sabe nenhum outro jeito?
    Bjus!

    ResponderExcluir
  2. Esse tuto é bem legal..Acabei de ler o post de baixo, ameei as dicas para o cruzeiro, kkkkkk'

    Tem um selinho lá no meu blog pra vc..

    Bjok´s, fraan

    http://cidadedegarotas.blogspot.com

    ResponderExcluir
  3. Olá, vc foi convidada para terminar essa brincadeira do blog Just Sandri:
    http://justsandri.blogspot.com/2011/08/recebemos-uma-brincadeira.html

    ResponderExcluir
  4. bua, eu nao consegui
    http://fallfashion-blog.blogspot.com/

    ResponderExcluir
  5. Oie florr !
    estou te seguindo
    segue de volta ?

    aceita afiliação ?
    se sim , me mande o URL da imagem que você quer .

    amei aqui !

    http://magic-girl-blog.blogspot.com/

    beijos . . .

    ResponderExcluir
  6. Que triste so pq meu navegador é o Mozila =/

    Ta rolando um concurso no meu blog,
    se quiser participar passa lá:
    http://blogportalteen.blogspot.com/2011/08/concurso-perfect-blog-2011.html

    Bjs,
    www.blogportalteen.blogspot.com

    ResponderExcluir
  7. heey !
    florrr já ti puis lá como afiliados , espero que faça o mesmo .
    beijos
    http://magic-girl-blog.blogspot.com/

    ResponderExcluir
  8. Aceita afiliação? Se aceitar me avisa: www.mundorosadanina.blogspot.com

    Lambeijos da Nina!!!

    ResponderExcluir
  9. Virou mania entre os blogs já! Adoooooro beijos

    ResponderExcluir
  10. Oi flor,
    obg por se increver no concurso!
    Seu numero de inscrição é: 14
    Banner?OK!
    Boa Sorte!

    Bjs,
    www.blogportalteen.blogspot.com

    ResponderExcluir