Tutoriais: Scrollbar Colorido

Para deixar a barra de Rolagem com uma cor diferente basta colocar o seguinte código entre os tags HEAD e /HEAD da página. (Este efeito só funciona no IE 5.5 ou superior)

<STYLE TYPE="TEXT/CCS">
BODY {
scrollbar-face-color: cor;
scrollbar-shadow-color: cor;
scrollbar-highlight-color: cor;
scrollbar-3dlight-color: cor;
scrollbar-darkshadow-color: cor;
scrollbar-track-color: cor;
scrollbar-arrow-color: cor
}
</STYLE>

Significados:


scrollbar-face-color "cor da face", ou seja, a maior parte da barra de rolagem.
scrollbar-shadow-color "cor da sombra", que fica do lado direito da face.
scrollbar-highlight-color fica ao lado esquerdo da face.
scrollbar-3dlight-color a cor que dá o efeito 3d; fica do lado esquerdo da highlight.
scrollbar-darkshadow-color "cor da sombra escura", é a cor mais escura da barra de rolagem. Fica do lado direito da cor da sombra.
scrollbar-track-color "cor da pista", ou seja, a parte onde a barra desliza.
scrollbar-arrow-color é a cor das setinhas.

Alguns exemplos: