Введение
О чём журнал?
От автора
Веб-дизайн
FAQ
Меняем цвет скроллинга
Структура HTML-кода
Такой разный хостинг
Раскрутка
Спам - как метод раскрутки
Photoshop CS
Болт
Подбитый глаз
Ещё уроков...
Flash
Перетекание текста
Тень для объекта
Форум
Новости
Темы недели
Рассылка
Интересности
Юмор
Сайт журнала

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

Автор статьи: Зыков Николай (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;
”Красным