Цветная полоса прокрутки
Запомните, что полоса прокрутки должна
соответствовать цветовой схеме сайта.
Даже если вы не знаете что такое HTML-теги, вы можете
просто переписать понравившейся код на свою станицу
и отредактировать его по своему вкусу.
Откройте свою страничку в любом редакторе,
в начале документа, между тегами <HEAD> и
</HEAD>, запишите код:
<STYLE TYPE="text/css"><!--
body
{
scrollbar-face-color:#8C8A8D;
scrollbar-shadow-color: #cccccc;
scrollbar-highlight-color: #8C8A8D;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #767676;
scrollbar-arrow-color: #ffffff;
}
-->
</STYLE>
Это - ВСЁ! Остальное - детали.
Чтобы вы не действовали вслепую, объясню всё подробно:
scrollbar-face-color
- это цвет передней стороны панели прокрутки
scrollbar-track-color - это цвет полосы по которой "ходит"
панель прокрутки.
scrollbar-arrow-color
- это цвет треугольника на верхнем и нижнем квадратах.
scrollbar-shadow-color - это цвет нижней и правой граней
панели прокрутки.
scrollbar-darkshadow-color
- это цвет тени от панели прокрутки.
scrollbar-highlight-color - это цвет верхней и левой граней
панели прокрутки
scrollbar-3dlight-color
- это цвет отсвета.
#FFFFFF - это коды цвета,
которые можно менять.
В зависимости от общего стиля страницы можно менять
и стиль цветной полосы прокрутки, делая её плоской,
объёмной, контурной...
Вот несколько примеров, для наглядности:
<STYLE TYPE="text/css"><!--
body{
scrollbar-face-color: #99C0E6;
scrollbar-shadow-color: #99C0E6;
scrollbar-highlight-color: #99C0E6;
scrollbar-3dlight-color: #003366;
scrollbar-darkshadow-color: #003366;
scrollbar-track-color: #DCEAF4;
scrollbar-arrow-color: #003366;
}
-->
</STYLE>
<STYLE TYPE="text/css"><!--
body{
scrollbar-face-color: #000000;
scrollbar-shadow-color: #CC9900;
scrollbar-highlight-color: #CC9900;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #FF6600;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
}
-->
</STYLE>
