Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Последние темы форума

Показать новые сообщения »
реклама
Наша компания производит ремонт стиральных машин любой сложности. , Cleardesign.ru - посмотрите на нашем сайте: нейминг, брендинг, фирменный стиль компании в москве.

Почтовая рассылка

Подписчиков: 11790
Последний выпуск: 19.06.2015

Изменение стиля полос прокрутки браузера 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. Пример измененных полос прокрутки
Дригалкин Владимир
lenin@zeos.net
http://lenininc.narod.ru/

Оставить комментарий

Комментарий:
можно использовать BB-коды
Максимальная длина комментария - 4000 символов.
 

Комментарии

1.
Аноним
Мне нравитсяМне не нравится
7 апреля 2006, 00:23:05
Спасибо Вам, очнь помогли :-)
2.
Аноним
Мне нравитсяМне не нравится
3 июля 2005, 00:34:39
ОГРОМНОЕ спасибо! Я думал, что это не реально найти! Щас делаю сайт, но там много фреймов и нужно 2 полосы прокрутки, а обычные - некрасиво смотрятся. Я слышал, что можно, но как - не знал! Слава богу, что начал изучать css! ))) Как изучу буду по вашим хелпам Яваскрипты учить) А потом до cgi доберусь))) Надеюсь до поступления в институт (хочу на программиста) буду много чего знать! ))) В будущем надеюсь стать ВЕБ-дизайнером и ВЕБ -программистом! ))) Извениете за оффтоп, но я очень рад! ЕЩЁ РАЗ СПАСИБО!!! Хотел же с вами работать (в качестве автора брали), а времени не хватило! Сожалею!!! (((
3.
Аноним
Мне нравитсяМне не нравится
16 мая 2005, 12:04:35
Клево . Вы мне реально помогли
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог