Tutorial: Barra lateral colorida
13:29Olá meus amores...
Vou dá continuidade aos tutoriais para blogs/blogueiras, hoje trago um tuto bem facil e simples, que é deixar a barra de rolagem na lateral colorida de acordo com o tema/cor do seu layout...
Como o meu blog ai na lateral ^^
Os creditos desse tutorial vai para Cherry Bomb
Inicialmente, clique no botão "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer.
Aperte Ctrl+F, procure por ]]></b:skin> e 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*/} /*** 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*/} /*** Parte fixa da rolagem (fundo que não se move) ***/ ::-webkit-scrollbar { 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*/ }É isso ai meus amores, podem alterar as cores de acordo com seu gosto, depois é só visualizar, e se estiver tudo certo, salve.Se usarem creditem ♥





2 comentários
adorei a dica flor, super legal! e seu blog é lindooo ahahah
ResponderExcluirbeijos, já sigo ♥
dicasdagabibrito.blogspot.com.br
Renata que dica linda! acho que vou aderir ao meu blog também!
ResponderExcluirBeiju
daniellaalessandra.blogspot.com