Tutorial - Barra de rolagem personalizada

19.5.13


~Heyy girls!
Bom, vou postar um tutorial bem mel na chupeta e que eu acho que todas devem conhecer que é de como personalizar a barra de rolagem (deixá-la colorida, tipo a daqui do blog). Bom, então vamos começar?

1- No painel do Blogger, clique no nome do seu blog, depois, vá em "Modelo". Vá em "Editar HTML", aperte Ctrl+F e procure pela tag ]]></b:skin>.

2- Antes da tag que você procurou, cole isso:
/*** 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*/border: 1px solid #bgh; /*Coloque borda se quiser*/}
Acho que nem preciso explicar o código porque ele já é muito bem explicado, né?
Prontinho! :) Viram como é simples? É só isso meninas, um beijo pra vocês e bom domingo.


10 comentários:

  1. Amei o blog amore, muito o tutorial a barra de rolagem personalizada da um charme a mais ao blog.
    Aceita afiliação?
    Dream Crazy

    ResponderExcluir
    Respostas
    1. Obrigada! Eu aceito sim ^^, vou passar lá

      Excluir
  2. Oii, vim avisar que aceito afiliação.
    Já coloquei seu blog na minha elite afiliados :)
    adorei seu blog ^^

    ResponderExcluir
  3. Muito legal o tutorial. Seguindo, retribui ?

    meus-pensamentos.com

    ResponderExcluir
  4. Oi flor aceito sim a afiliação
    Quando me colocar na elite me avisa

    Kisses

    ResponderExcluir
    Respostas
    1. http://my-little-world-girls.blogspot.com.br/

      Excluir
  5. Oie vim aqui falar que aceito seu pedido de afiliação já ta la na elite espero que faça o mesmo ^^

    > http://small-kawaii-world.blogspot.com.br/ <

    ResponderExcluir

Vai comentar? Fico muito feliz! Aqui estão algumas regras:

-Pode comentar "Seguindo, segue de volta?" desde que comente algo sobre a postagem.

-Se for criticar, mostre a sua cara, não gosto de comentários anônimos.

-Aceito críticas apenas se forem CONSTRUTIVAS, ok?

-As vagas para Afiliados estão abertas.

Se seguir todas essas regrinhas eu terei prazer de responder seu comentário!