Oii, gente! Mais um tutorial supersimples para vocês! Como colocar barra de rolagem personalizada no blog? Sim, aquelas coloridas que ficam na lateral! Super simples e dá pra fazer rapidinho!
Vá em Tema > Editar HTML;
Aperte as teclas CTRL + F;
Pesquise por ]]></b:skin>
Antes dele cole:
/* --------- BARRA DE ROLAGEM ----------- */
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ffe4e1; /*Cor da barrinha que se move*/
height:50px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ccc; /*Cor da barrinha que se move*/
height:10px;
}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:15px; /*Largura da barra de rolagem*/
background: #faeee6; /*Cor da parte fixa, que fica no fundo*/
}
* As partes coloridas troque pelas cores equivalentes ao seu layout.
E foi isso! Simples, né?
Beijão!
Vá em Tema > Editar HTML;
Aperte as teclas CTRL + F;
Pesquise por ]]></b:skin>
Antes dele cole:
/* --------- BARRA DE ROLAGEM ----------- */
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ffe4e1; /*Cor da barrinha que se move*/
height:50px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ccc; /*Cor da barrinha que se move*/
height:10px;
}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:15px; /*Largura da barra de rolagem*/
background: #faeee6; /*Cor da parte fixa, que fica no fundo*/
}
* As partes coloridas troque pelas cores equivalentes ao seu layout.
E foi isso! Simples, né?
Beijão!
Comentários
Postar um comentário
Eu fiz esta postagem com muito amor e carinho, e gostaria muito que dividisse sua opinião, mas tenha bom senso! pelo menos leia o post. Clique na opção "Notifique-me" para saber quanto te responder! ♥