segunda-feira, 25 de junho de 2012

Tutorial : Barra de Rolagem Colorida


                                                                   Gamei na ilustraçãooo! *u*


Oi meus amores! me perdoem pelo tempo que eu fiquei sem postar! bom , eu avisei pelo menos né? rsrs , ultimamente eu não tenho muitos posts , e vcs sabem porque , por isso , vim hoje postar um fácil tutorial , que dá um ar super lindo no blog! é a barra de rolagem colorida! tem aqui no blog , e eu acho lindo , dá um toque final! então , vamos lá?
Aperte ctrl + f , e pesquise por  ]]></b:skin> , quando achar , cole antes esse código :


/*** 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*/
}

é só alterar as cores conforme indicado ,  visualizar, e se estiver tudo certo , salve. se não quiser cantos arredondados , apague as partes em verde. Se usarem , creditem o Detonando , e o Cherry Bomb :) beijoos minhas flores!

8 comentários:

  1. Seguindo aqui meu Anjo , amei o seu Blog , Beijinhos ! http://sonhomaisprofundo.blogspot.com.br/

    ResponderExcluir
  2. Oii flor, fiz uma mudança total no fantastic blog. Finge que todas etapas não valeram a pena (só fiz uma né?) eu sei que estão muito bravas comigo, mas decedi mudar tudo. Só agora o layout da Nathaly ficou pronto, ai shuahushuahsua, me enrolou toda, então agora é votação. Já coloquei a enquete ok?

    Kisses
    http://fluffy-s2-world.blogspot.com.br/

    ResponderExcluir
  3. Muito útil esse tutu, eu já conhecia, adorei seu cantinho e já estou te seguindo. Um beijinho e tenha uma ótima semana.
    Bjos.
    Emilia
    http://coffemilia.blogspot.com

    ResponderExcluir
  4. Vou tentar fazer no meu *-*
    já estou te seguindo e espero a sua visitinha :)
    http://relicariodasrafleur.blogspot.com.br/

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. Muito legal esse seu tutorial! Eu já conhecia mas eu adorei o seu jeito de explicar e seu layout!

    Curti seu blog *-*!

    http://acampamentobruxo.blogspot.com.br/

    ResponderExcluir
  7. Oi,adorei o tutorial e estou seguindo o blog,gostaria de conversar com você poderia me passar seu e-mail?
    http://californicationblogger.blogspot.com.br/

    ResponderExcluir