CSS - меняем scrollbar

В Internet Explorer 5.5 появилась поддержка одной очень полезная возможности CSS (каскадных таблиц стилей). Она заключается в том, что вы можете менять цвет всех составляющих скролл-бара (SCROLLBAR`а) или полосы прокрутки - эта такая полосочка с правой стороны экрана с помощью, которой вы можете передвигать просматриваемую страницу по вертикали, а иногда и по горизонтали! Ближе к делу! Создаем атрибут .STYLE. в теге .BODY. и пишем в нем следующие атрибуты:

  • .SCROLLBAR-FACE-COLOR. - устанавливает главный цвет , которым закрашивается полоса прокрутки и две крайние кнопочки с треугольниками. Если вы не задаете параметр .SCROLLBAR-TRACK-COLOR., то он окрашивается в тот же цвет, что и .SCROLLBAR-FACE-COLOR..
  • .SCROLLBAR-TRACK-COLOR. - определяет цвет дорожки по которое катается полоса прокрутки.
  • .SCROLLBAR-ARROW-COLOR. - устанавливает цвет треугольничков на кнопках находящихся по краям полосы прокрутки.
  • .SCROLLBAR-HIGHLIGHT-COLOR. - устанавливает цвет подсветки (первого уровня), который создающий эффект объёмности. Этот цвет окаймляет освещённую часть полосы прокрутки и кнопок. Если кнопка не нажата цвет окаймляет левый верхний угол и стороны между ним, когда нажата - нижний правый угол. Эти объекты окаймлены двумя слоями полосок (у меня они называются уровнями). Ближнею к центру объекта полоску я называю первым уровнем.
  • .SCROLLBAR-3DLIGHT-COLOR. - устанавливает цвет подсветки (второго уровня).
  • .SCROLLBAR-SHADOW-COLOR. - цвет тени (первого уровня), которая тоже служит для придания объёмности.
  • .SCROLLBAR-DARKSHADOW-COLOR. - цвет тени (второго уровня).

Для примера приведу цвета используемые на моем сайте (полоски второго уровня я не использую):

Еще можно и использовать следующею конструкцию между тегами .HEAD.:

А можно вынести атрибуты во внешний файл (например, index.css) находящийся в данном примере в той же папке, что и файл с примером.

В файл примера, между тегами .HEAD. пишем:

Index.css:

Ну вот и все, что я хотел вам сегодня рассказать, любители WEB-дизайна. Надеюсь, что эта маленькая прибамбаса еще больше улучшит ваш сайт.



Опубликовал admin
16 Ноя, Воскресенье 2003г.



Программирование для чайников.