|
Поярков Илья (Terabyte) В 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. - цвет тени (второго уровня).
Для примера приведу цвета используемые на моем сайте (полоски второго уровня я не использую): <body style="scrollbar-face-color: #A9A9A9; scrollbar-highlight-color: #f3f3f3; scrollbar-shadow-color: black; scrollbar-arrow-color: blue; scrollbar-track-color: #f0f0f0;">
Еще можно и использовать следующею конструкцию между тегами .HEAD.: <style><!--<br> BODY {scrollbar-face-color: #A9A9A9; scrollbar-highlight-color: #f3f3f3; scrollbar-shadow-color: black; scrollbar-arrow-color: blue; scrollbar-track-color: #f0f0f0;} --></style>
А можно вынести атрибуты во внешний файл (например, index.css) находящийся в данном примере в той же папке, что и файл с примером. В файл примера, между тегами .HEAD. пишем:
<link href="index.css" rel="stylesheet" type="text/css"> Index.css: BODY {scrollbar-face-color: #A9A9A9; scrollbar-highlight-color: #f3f3f3; scrollbar-shadow-color: black; scrollbar-arrow-color: blue; scrollbar-track-color: #f0f0f0;} --></style>
Ну вот и все, что я хотел вам сегодня рассказать, любители WEB-дизайна. Надеюсь, что эта маленькая прибамбаса еще больше улучшит ваш сайт. Со своими вопросами и критикой пишите сюда:
Этот e-mail защищен от спам-ботов. Для его просмотра в вашем браузере должна быть включена поддержка Java-script
|
