Oi benhê! Quer receber muito amor na sua caixa de entrada?
  • A boat with beautiful sunset.
  • Tree in field with blue sky.
  • Amaizing sunrise moment

Colocando barra de rolagem colorida no blog

6 de jan de 2015

Imagem: Tumblr
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.

Você pode encontrar os códigos das cores nesse site.

O código original é desse site aqui  www.

Se estiver tudo certinho, salve e pronto! Simples, fácil e bonito...espero que tenham gostado do tutorial, e não esqueçam de comentar.


Imagem: Tumblr




CATEGORIA:

2 comentários

  1. Essas dicas são bem uteis, super valido para fazer sue próprio Layout.
    (Meu comentário não foi, eu acho).
    www.cantinhob.com

    ResponderExcluir
    Respostas
    1. São sim, apesar de serem simples fazem uma enorme diferença, bjos! Lindo blog <3.

      Excluir