30/10/2012

Tutorial: Barra de rolagem personalizada

||


Hayo minhas barras de chocolate! Hoje vou ensinar um tutorial muito simples mesmoooo, como personalizar a barra de rolagem do seu blog! Já que a padrão e sempre sem graça...Vamos ao tutu

Em seu HTML procure por ]]></b:skin>, achou? Agora antes desse codigo cole esse aqui

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #D80247; /*Cor da barrinha que se move*/
border: 1px solid #ffffff; /*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:#FF0052; /*Cor da barrinha que se move*/
border: 1px solid #ffffff; /*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 #; /*Coloque borda se quiser*/
}

Agora e só modificar as cores e salvar

15 comentários:

  1. Posso fazer afiliação?

    Amantes de Moda |

    ResponderExcluir
    Respostas
    1. Claro! De noitinha eu colocarei lá na minha coluna muito obrigada, peço desculpas pela demora a responder.

      Excluir
    2. Tambpem posso fazer Afiliação??Preciso muito,seria grata por isso :D

      Excluir
  2. Ai que blog lindo *-------------* amei muito, adorei tudo aqui ..

    ResponderExcluir
    Respostas
    1. Muito obrigada por gostar ^^

      Excluir
  3. Eu Amei O Seu Blog, E De Agora Em Diante, Vc Ganha Mais Uma Seguidora, Quer Uma Dica? Continue Do Jeito Q Está! Vc É Simpática, Posta Coisas Legais E Q O Povo Procura. Aaah, Ss, Queria Trocar Anúncios, Se Vc Puder... Eu Exclui Meu Facebook Nn Posso Te Dar, Ms, Se Vc Postar Anúncio Meu, Em Seguida Posto O Seu, Nn É Mentira Nn Viu? Pode Conferir, Eu Realmente Anuncio outros Blogs. Bjx, ( E Parabéns Pelo Blog )

    ResponderExcluir
    Respostas
    1. Olá Mary, muito obrigada fico ate sem jeito por tamanho elogio e por saber que é uma seguidora. No momento não tenho feito divulgações mas vou colocar o seu na próxima com certeza ^^ Mais uma vez obrigada pelo elogio e pela força e dicas. >3<

      Excluir
  4. Como Qq Eu Procuro No HTML Wendy ?

    ResponderExcluir
    Respostas
    1. Você clica dentro da área do HTML e depois clica nas teclas assim Ctrl+F vai aparecer uma caixinha e ali coloca o trecho que quer procurar. Depois é só clicar "Enter" para ir achando todas as palavras similares ou o trecho se for único. ^^

      Excluir
  5. eu não consegui pesquisar dis 0 de 0

    ResponderExcluir
    Respostas
    1. Olá Andressa verifique ao procurar não ficou espaço antes ou depois da palavra pesquisada. ^^

      Excluir
  6. Obrigado, me ajudou muito!

    wesleyferreirabr.blogspot.com

    ResponderExcluir
  7. Amei seu blog, ganhou uma nova seguidora. Usarei o tutorial com certeza.
    alohalour.blogspot.com.br/

    ResponderExcluir
  8. posso fazer afiliação amore...
    http://smily-start.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Yo Dieise eu irei deixar a resposta em seu blog ^^

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram