Школа Флэша
Меняем цвет скроллинга (взято из 2-го выпуска журнала WebDix)
Главная страница Журнал Архив выпусков Реклама Контакт Гостевая книга

Menu:



БЫСТРЫЙ ПЕРЕХОД

2 выпуск » Меняем цвет скроллинга


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

Автор: Exact

Сайт: WebDix.ru

Каждый сайтостроитель сталкивается с одним из главных шагом в создании сайта – разработка структуры и дизайна страницы. И многие из них для того, чтобы подчеркнуть индивидуальность своего сайта используют такой эффект, как изменение цвета скроллинга (полосы прокрутки).

Как это сделать? В этой статье я объясню это, на конкретном примере. Для начала в «контейнере» тегов <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;
”Изменяем


Статья взята из 2-го выпуска журнала WebDix
Скачать 2 выпуск (428 Кб)
Скачано: