Скролл-бар (scroll-bar) - это панель прокрутки
(полоса прокрутки), которая используется, когда содержимое экрана
не помещаетcя в видимой части. Прогрессивные люди, использующие
браузер Internet Explorer 5.5, наверное, уже знают, что версия 5.5
поддерживает больше свойств CSS, чем версия 5.0. В число поддерживаемых
попали свойства, отвечающие за оформление скролл-бара, поэтому Вы,
указав дополнительные свойства CSS, можете изменить стиль оформления
скролл-бара на Вашем сайте, например, сделать сам скролл-бар черным, а
стрелочки - белыми (как в левом фрейме нашего сайта).
Итак, для задания оформления скролл-бара необходимо
прописать таблицу стилей, следующего вида:
<style type=text/css>
<!--
body { scrollbar-face-color: #000000;
scrollbar-highlight-color: #999999;
scrollbar-shadow-color: #666666;
scrollbar-3dlight-color: #666666;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #333333;
scrollbar-darkshadow-color: #666666; }
//-->
</style>
А теперь подробно разберем каждое из используемых
свойств:
scrollbar-face-color - задаёт основной цвет
скролл-бара, а также цвет двух завершающих кнопочек со стрелочками.
Если Вы даже не укажите свойство scrollbar-track-color, то
цвет трека определиться автоматически, как более яркий нежели цвет
scrollbar-face-color.
scrollbar-highlight-color - устанавливает
яркий цвет подсветки, создающий эффект объёмности, то есть цвет,
для освещённой части скролл-бара и кнопочек. Этим цветом отображается
левый верхний угол самого скролл-бара и двух кнопочек (когда они не
нажаты).
scrollbar-shadow-color - устанавливает
темный цвет подсветки, создающий эффект объёмности, то есть цвет,
для теневой части скролл-бара и кнопочек (цвет тени). Этим цветом отображается
правый нижний угол самого скролл-бара и двух кнопочек (когда они не
нажаты).
scrollbar-3dlight-color - определяет
цвет падающего цвета для создания трехмерности скролл-бара. На практике
это выражается в цвете тоненькой кромки, находящейся в левых верхних
углах, ближе к краю нежели scrollbar-highlight-color.
scrollbar-arrow-color - определяет
цвет двух маленьких стрелочек, находящихся на кнопочках крайних
позиций скролл-бара.
scrollbar-track-color - задает
цвет трека, то есть дорожки прокрутки, по которой собственно и
перемещается сам скролл-бар.
scrollbar-darkshadow-color - определяет
цвет откинутого цвета для создания трехмерности скролл-бара. На практике
это выражается в цвете тоненькой кромки, находящейся в правых нижних
углах, ближе к краю нежели scrollbar-shadow-color.
Значение этих свойств (цвет) определяется в виде
именованных цветов или кодов цветов (для этого ставится символ "#",
а за ним без пробела шесть шестнадцатеричных чисел, определяющих цвет
в кодировке RGB).
Оформление скролл-бара можно изменить до
неузнаваемости, полностью сопоставив скролл-бар с цветовой схемой
Вашего сайта. К сожалению, отображение данных свойств поддерживают
пока только браузеры Internet Explorer, начиная с версии 5.5.
Остальные браузеры, не выдают никаких ошибок и просто игнорируют
указанные свойства CSS, поэтому Вы без опаски можете включать
приведенных код на свои страницы.
P.S. Следует предупредить Вас о том, что изменение цвета
скролл-бара не всегда бывает оправданно. Если Вы не можете грамотно
подобрать цветовую схему для скролл-бара или она плохо сочетается
с остальным цветовым оформление сайта, то лучше вообще не использовать
данную возможность и оставить сколл-бар стандартного вида. Это мы
говорим в связи с довольно большим количеством сайтов, web-мастера
которых сразу портят стиль своего сайта одним только неправильно
подобранным оформлением скролл-бара.
