Исходники.Ру - Программирование
Исходники
Статьи
Книги и учебники
Скрипты
Новости RSS
Магазин программиста

Главная » Статьи Web-мастеру » HTML - Все статьи »

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

Изменение стиля полос прокрутки браузера Internet Explorer.

Изменение цвета и внешнего вида полос прокрутки (scroll bar) окна браузера последнее время стало очень популярной <фишкой> Web-дизайнеров. Однако, вопрос о том, как это можно сделать по прежнему часто встречается в различных чатах и конференциях. Эта небольшая статья призвана внести полную ясность в этот, по сути, несложный, но актуальный вопрос...

Иногда, попадая на какой-то сайт, цвет полос прокрутки браузера меняется. Правда происходит это только в том случае, если ваш браузер Internet Explorer версии не ниже 5.5. Создают такой эффект при помощи таблиц каскадных стилей (CSS, Cascading Style Sheets).

На сегодняшний день существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки (см. Рисунок 1):


Рисунок 1. Соответствие параметров элементам прокрутки
  • scrollbar-3d-light-color - цвет контуров трехмерности;
  • scrollbar-arrow-color - цвет стрелочек;
  • scrollbar-base-color - базовый цвет (общий фон);
  • scrollbar-dark-shadow-color - цвет внешней тени;
  • scrollbar-face-color - цвет ползунков;
  • scrollbar-highlight-color - цвет контуров подсветки;
  • scrollbar-shadow-color - цвет внутренней тени;
  • scrollbar-track-color - цвет полос.

Чтобы изменить цвет прокрутки, поместите данные параметры в тэг <BODY>, а в качестве значений присвойте шестнадцатеричный RGB код цвета или его название на английском языке, например -

<body style="scrollbar-3d-light-color: blue;
                scrollbar-arrow-color: blue;
                scrollbar-base-color: red;
                scrollbar-dark-shadow-color: white;
                scrollbar-face-color: lightgreen;
                scrollbar-highlight-color: red;
                scrollbar-shadow-color: red;
                scrollbar-track-color: green;">

Не обязательно использовать одновременно все атрибуты, иногда достаточно только одного scrollbar-base-color.

Если немного "проиграться" с этими параметрами, то можно добиться очень интересных эффектов с прокруткой. Один из таких эффектов наглядно продемонстрирован на рисунке 2.


Рисунок 2. Пример измененных полос прокрутки

Может пригодится:


Автор:
Прочитано: 5160
Рейтинг:
Оценить: 1 2 3 4 5

Комментарии: (4)

Прислал: Antonoi
Просто замечательно, хорошо что такие люди все есть на на этом свете)

Прислал: Пойду на сайт озвутчиком аниме
Аниме портал

Прислал: Влад
http://ani4dub.ru http://banersmin.ucoz.ru http://kalogir.ucoz.ru http://kalo.ucoz.com

Прислал: Влад
http://ani4dub.ru http://banersmin.ucoz.ru http://kalogir.ucoz.ru http://kalo.ucoz.com

Добавить комментарий
Ваше имя*:
Ваш email:
URL Вашего сайта:
Ваш комментарий*:
Код безопастности*:

Рассылка новостей
Рейтинги
© 2007, Программирование Исходники.Ру