domingo, 21 de abril de 2013
Barra de rolagem colorida
18:27 | 
Postado por
Unknown
Postado por
Unknown
Oi, gente! Estava visitando o blog Pink Skull Design e me deparei com esse tutorial, que vim correndo testar. Amei o resultado! E como tudo que amo, nem perdi tempo para repassá-lo a vocês! Créditos e mais créditos ao Pink Skull Design - blog incrível, visitem! O tutorial é bem facinho, vamos lá:
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.
Super fácil, não? Ah, e não se esqueçam de visitar:
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; }
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.
Super fácil, não? Ah, e não se esqueçam de visitar:
Assinar:
Postar comentários (Atom)
Siga ao blogger
Me compartilhe.
Inscrever-se
Postagens
Comentários
0 comentários:
Postar um comentário