Tutorial: Barra de rolagem colorida

Yoo Minna! Hoje trago à vocês um tutorial bem útil e que dá outra cara no blog, que é o de barra de rolagem colorida! Clique em Leia Mais para continuar a ler o post.

No seu HTML, aperte CTRL+F e procure por ]]></b:skin> e cole bem ACIMA disso o seguinte código:

::-webkit-scrollbar {width: 12px; height: 4px; background:#343434; }
::-webkit-scrollbar-thumb { background: #ff004d; }
*{
scrollbar-face-color:#ff004d;
scrollbar-highlight-color:#ff004d;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#ff004d;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

Aonde está destacado de rosa, você pode trocar pela cor que você quiser, na tabela de cores da MX Studio. (www)
Visualize e só salve se tiver dado certo. Infelizmente esse código só pode ser visualizado pelos navegadores Internet Explorer, Google Chrome e Safari, ou seja, quem usa o Opera ou o Mozila Firefox verá a barra de rolagem padrão :(

Espero que tenham gostado.
Até a próxima, sayonara!