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 :)
Eu acho tão fofa barrinhas coloridas! Beijos,
ResponderEliminarwww.bellaquebela.com
Escola ocupa muito espaço no nosso dia-a-dia :/
ResponderEliminarAmei o tutorial, bem explicado ♥
Kiss
With You || Imperfectous
Já sabia esse tutorial e acho bem fofo :3
ResponderEliminarvouconfessarmilly.blogspot.com.br
uso esse tutorial em quase todos os layouts. é muito útil
ResponderEliminarquerosabertudo-k.blogspot.com
Eu gosto...já usei algumas vezes.
ResponderEliminarBjus!