Tutorial: Barra lateral colorida
Olá 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
Mande seu comentário, criticas, elogios ou sugestões.
Responderei o mais rápido possível.
Um forte abraço.