18/01/14

Tutorial: Barra de rolagem colorida


Bom dia leitores divos! Não tenho postado muito por causa da escola, apesar de ter posts em rascunho há muitos dias em que não venho ao computador, ou venho muito pouco tempo. 

Há muito tempo que não vos trago um tutorial, por isso o post de hoje é sobre como colocar a barra de rolagem colorida. Para quem não sabe, a barra de rolagem é a barra à direita que faz com que o blog desça.

Para colocar, vai a Modelo >> Editar Html >> Clica Ctrl+F ou F3 >> Procura por ]]></b:skin> >> Acima disso cola:

/*-- Rolagem da Vertical da Página --*/
::-webkit-scrollbar-thumb:vertical {
background: #COR; /*Cor da barrinha que se move*/}
/*-- Rolagem da Horizontal da Página --*/
::-webkit-scrollbar-thumb:horizontal {
background-color: #COR; /*-- Cor da barrinha que se move --*/}
/*-- Parte fixa da rolagem (fundo que não se move) --*/
::-webkit-scrollbar {
width:8px; /*-- Largura da barra de rolagem --*/
 background: #COR; /*-- Cor da parte fixa, que fica no mundo --*/
}

Para editar as cores podes utilizar esta tabela. Créditos ao We Heart HTML e ao Cherry Bomb.
Beijos :)

5 comentários:

  1. Eu acho tão fofa barrinhas coloridas! Beijos,
    www.bellaquebela.com

    ResponderEliminar
  2. Escola ocupa muito espaço no nosso dia-a-dia :/
    Amei o tutorial, bem explicado ♥
    Kiss
    With You || Imperfectous

    ResponderEliminar
  3. Já sabia esse tutorial e acho bem fofo :3
    vouconfessarmilly.blogspot.com.br

    ResponderEliminar
  4. uso esse tutorial em quase todos os layouts. é muito útil
    querosabertudo-k.blogspot.com

    ResponderEliminar
  5. Eu gosto...já usei algumas vezes.
    Bjus!

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias