Oi chuchus!
Hoje é dia de tutorial, e escolhi um bem simples e prático. Sabem aquela barrinha de rolagem cinza do navegador? Então, existe uma forma de deixá-la mais "bonitinha", e é muito fácil. Quer saber como? Então vem comigo.
Siga os passos abaixo:
1. Entre em Modelo > Editar HTML e procure pela tag:
]]></b:skin>
2. Acima dela cole o código:
*{
scrollbar-face-color:#A9E2F3;
scrollbar-highlight-color:#A9E2F3;
scrollbar-3dlight-color:#F2F2F2;
scrollbar-darkshadow-color:#F2F2F2;
scrollbar-shadow-color:#A9E2F3;
scrollbar-arrow-color:#F2F2F2;
scrollbar-track-color:#F2F2F2;
}
::-webkit-scrollbar {width: 12px; height: 4px; background:#F2F2F2; }
::-webkit-scrollbar-thumb { background: #A9E2F3; }
Explicando o código: Os códigos em azul são as cores da barra, e os textos em laranja são o fundo da barra. O valor em negrito (width: 12px;) é a largura da barra, pode alterar se quiser.
Essas dicas são bem uteis, super valido para fazer sue próprio Layout.
ResponderExcluir(Meu comentário não foi, eu acho).
www.cantinhob.com
São sim, apesar de serem simples fazem uma enorme diferença, bjos! Lindo blog <3.
Excluir