31/07/2013

Tutorial - Barra de Rolagem Personalizada.

~ | via Tumblr
Olá minhas queridas leitoras ..
Pois é eu fiquei muuitos dias  sem entrar , e porque Dona Bruna?  por causa da preguiça e.e
 hoje eu vim com um tutorial super básico que é como personalizar a Barra de Rolagem.


Vá em Desing 
 modelo> editar> HTML> digite Ctrl+f e procure por  "]]></b:skin>" e antes desse código coloque:


/*** Rolagem da Vertical da Página ***/::-webkit-scrollbar-thumb:vertical {background: #ff0f72; /*Cor da barrinha que se move*/border: 1px solid #bgh; /*Coloque borda se quiser*/height:50px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}/*** Rolagem da Horizontal da Página***/::-webkit-scrollbar-thumb:horizontal {background-color:#ff0f72; /*Cor da barrinha que se move*/border: 1px solid #bgh; /*Coloque borda se quiser*/height:10px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px; }/*** Parte fixa da rolagem (fundo que não se move) ***/::-webkit-scrollbar {height:10px;width:15px; /*Largura da barra de rolagem*/ background: #000000; /*Cor da parte fixa, que fica no mundo*/border: 1px solid #bgh; /*Coloque borda se quiser*/}
 Feito isso,modifique as cores de acordo com as do seu blog usando a tabela de cores .
Kisses não esqueçam o comentário hem? hehe *-*

23 comentários:

  1. Aii Bruna adorei, me ajudou!!!! vc sempre divando!
    http://vitoria-sweet-girl.blogspot.com.br/

    ResponderExcluir
  2. Oláaaa, tb beem? Você foi indicada e ganhou o selinho THE VERSATILE BLOGGER AWARD!!! Corre lá no meu blog para responder essa tag! Beeeijos ♥ www.mareemarcondes.blogspot.com

    ResponderExcluir
  3. Legal! Há algumas alterações recentes no painel de controle do Blogger e sempre é mto bom quando se passam infos e "truques" como esses. Principalmente pro pessoal que tá de chegada.

    ResponderExcluir
    Respostas
    1. è verdade , alsçalsçals :3

      Excluir
  4. DIWOU *-*
    http://um-mundo-diferent.blogspot.com.br/

    ResponderExcluir
  5. Adorei o tutorial ,3

    http://princesadopanico.blogspot.com/

    ResponderExcluir
    Respostas
    1. Obrigada Paolita rççr *u*

      Excluir
  6. Esse tutorial é bem fácil e fica com um resultado muito bonito! Adorei!
    BJS
    Juliana
    donaurbana.blogspot.com

    ResponderExcluir
    Respostas
    1. Sim muito facil ,e super util também.
      Bjs

      Excluir
  7. Adorei o jeito que você explico,super fácil & prático !
    Seguindo ^^
    Beijos...'

    http://garota--encantada.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá Catarina Obrigada! Estou seguindo de volta bjs

      Excluir
  8. Oi, gostei muito do blog, te indiquei pra uma tag. vai lá ver ♥ http://reajeitando.blogspot.com.br/

    ResponderExcluir
  9. Oi Brunna, tudo bem?
    estou passando para lhe da parabéns pelo blog, já estou seguindo..
    e para lhe presentear com um selinho...
    beijos
    ahh passa la no meu blog pra pegar ta?
    http://praquemseama.blogspot.com.br/2013/08/primeiro-selinho-do-blog.html

    ResponderExcluir
  10. Legal , um blog para facilitar a vida das pessoas , principalmente as q estao começando assim como eu :)

    >>>Emagrecimento, Atividades físicas , saúde e beleza aqui
    http://projetosereiaofficial.blogspot.com.br/

    ResponderExcluir
  11. me ajudou muito flor! Obrigada, beeijos

    ResponderExcluir
  12. oi linda,
    adorei seu blog,estou sempre seguindo suas dicas!!
    segue devolta?http://mundodavanessamakeup.blogspot.com.br/
    otima semana floor :)

    ResponderExcluir
  13. Eu adorei seu blog princesa. Gostei da sua forma de escrever ! *.*
    Já estou seguindo para ajudar na sua meta. Espero que consiga cumpri-la !
    Se puder fazer uma visitinha ficarei muito feliz, s puder seguir me sentirei honrada ! ( :
    Beijins, voltarei mais vezes !

    http://girls-of-christ.blogspot.com.br/

    ResponderExcluir
  14. Adorei o tutorial, você ensina bem explicandinho *-*

    ~ Beijos ;*
    http://cantinhodaslovelys.blogspot.com/

    ResponderExcluir
  15. Adorei o blog e já estou a seguir, segue de volta? :)
    XO

    beautiful-disaster-blog.blogspot.pt

    ResponderExcluir


Layout por: Paola Gineti.
Tecnologia do Blogger.
imagem-logo