$33.30


$395.44


$524.74


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

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

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


На сегодняшний день существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки (см. Рисунок 1):
Изменение стиля полос прокрутки браузера Internet Explorer
Рисунок 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 — цвет полос.

Чтобы изменить цвет прокрутки, поместите данные параметры в тэг , а в качестве значений присвойте шестнадцатеричный 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.
Изменение стиля полос прокрутки браузера Internet Explorer
Рисунок 2. Пример измененных полос прокрутки

 

Интересное

Компьютер на замке
Хакеры, спамеры, недобросовестные сотрудники и коллеги... Плохишам и просто праздным любопытным вход в компьютер должен быть заказан. Как и важным данным — выход оттуда.Вместе с...
Подробнее...
Закачка файла на сервер с PHP
В более поздних версиях есть возможность использовать специальный массив ($http_post_files), но в данном уроке описывается более ранний метод.В нашем примере мы будем использовать следующий код...
Подробнее...
Печать из Linux на Windows...
1. Предисловие Перед нами стоит задача печати документов на Win-принтере (Canon LBP — 810) из Linux (ALT Master 2.2/2.4). Canon LBP — 810 подключен (USB-подключение) и настроен на Win-компьютере...
Подробнее...
Каким станет...
Интернет самоуправляем, он ежедневно пополняется миллионами разрозненных документов. И поиск нужных сведений в таком колоссальном массиве усложняется. Именно поисковые механизмы – один из...
Подробнее...
Абхазия отдых.
Основы позиционирования блоков
Блоки — прямоугольные области, используемые в CSS для формирования и отображения документов. Это упрощенно, очень сильно упрощенно, но на первом этапе вполне может и хватить.С появлением нового...
Подробнее...
Все о тэге Title
Тэг Title – один из самых важных факторов, позволяющих достичь высоких позиций сайта в результатах поиска. Однако, при всей кажущейся простоте его использования, существует множество нюансов и...
Подробнее...
FreeBSD и безопасность
Введение FreeBSD — достаточно безопасная операционная система.Поскольку исходные тексты распространяются бесплатно, операционная система постоянно проходит проверку. Но систему можно настроить...
Подробнее...
PHP кодировка писем
У меня часто спрашивают, как отсылать письма с помощью php в правильной кодировке: после отправки письма с русскими буквами, на почту людям приходит абракадабра.А все дело в том, что для почты у...
Подробнее...
Как за нами шпионят
Spyware – это термин, определяющий приложения, которые записывают информацию о поведении пользователя в сети Интернет и сообщают об этом своим создателям. Результатом их действия может стать как...
Подробнее...
Проверка данных из формы
Наверное все встречались с некоторой недобросовестностью некоторых посетителей Вашей страничкипри отправлении форм... То ерунду какую то напишут, то неправильно укажут адрес электронной почты, то...
Подробнее...