Меняем цвет скроллинга

Автор статьи: Зыков Николай (Exact)

Обсудить тему статьи на форуме

Каждый сайтостроитель сталкивается с одним из главных шагом в создании сайта – разработка структуры и дизайна страницы. И многие из них для того, чтобы подчеркнуть индивидуальность своего сайта используют такой эффект, как изменение цвета скроллинга (полосы прокрутки). Как это сделать? В этой статье я объясню это, на конкретном примере. Для начала в «контейнере» тегов <STYLE> (таблица стилей) вставляем следующие строки:

scrollbar-face-color: #E98236;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#F9A13A;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color: #DEDED9;
scrollbar-darkshadow-color:#D1D1CB;
Для тех кто не знает, поясню таблица стилей располагается здесь:
<HTML >
<HEAD>
<TITLE> Homepage </TITLE>
<STYLE>
Вот сюда вставлять строки
</STYLE>
</HEAD>
Теперь разберём за что, отвечает та или иная строка, за окраску какой части скроллинга.

Итак, первая строка – «scrollbar-face-color: #FF0000;» (синий цвет – показывает что закрашивает эта срока)

Вторая строка – scrollbar-shadow-color:#FF0000;

Третья строка – scrollbar-shadow-color:#FF0000;

Четвёртая строка – scrollbar-3dlight-color:#FF0000;

Пятая строка – scrollbar-arrow-color:#FF0000;

Шестая строка – scrollbar-track-color: #FF0000;

Седьмая строка – scrollbar scrollbar-darkshadow-color:#FF0000;