8 de out de 2011

Barra de rolagem colorida

Eu estava visitando o blog Menina Nerd, eu amei esse tutorial.
O tutorial é bem facinho!



1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:
]]></b:skin>
2. E ANTES dele, cole:
*{
scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; }



Visualize, se estiver tudo certinho, salve.

Observação: Os códigos destacados em roxo representam a cor da barra, e os destacados em verde representa a cor de fundo. Se quiser, você pode mudar as cores, basta substituir os códigos destacados. Essa tabela tem várias cores. Não funciona no Firefox.

Nenhum comentário:

Postar um comentário

Seu comentário é sempre bem vindo.
Deixe o endereço do seu site/blog para eu poder retribuir sua visitinha!
E-mail do blog: sobretudoumpouco@hotmail.com.br, mandem seus looks, fotos de unhas, maquiagens, sugestões e também não aceito mais tags!