Heey cats, bom, eu to tentando dar uma mudadinha no visu do blog, e hoje eu finalmente consegui um tuto de barra de rolagem que funcionou aqui e resolvi postar para vocês *-* e além de ser super simples ele dá um charme especial ao blog.
1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:
]]></b:skin>
2. E cole ANTES dele:
*{
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; }
Os códigos destacados em roxo representam a cor da barra, e os destacados em rosa 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.
Eai gostaram ? Espero que sim.
Creditos: Menina Nerd
Xoxo.
Postado por:
Nenhum comentário:
Postar um comentário