Полосы прокрутки.
На многих сайтах используется такой нестандартный способ украшения дизайна, как цветные полосы прокрутки. Эта статья поможет вам понять, как их сделать.
На самом деле такого эффекта достичь очень легко. Достаточно вставить между <head> и </head> вот эти строчки:
А теперь разберёмся, что есть что.
1) scrollbar-face-color | Определяет цвет ползунка и кнопок со стрелками. Если вы не задали параметр scrollbar-track-color, то цвет дорожки тоже изменится. | |
2) scrollbar-highlight-color | Цвет подсветки кнопок и ползунка. Это цвет, который окаймляет освещённую часть кнопок и ползунка. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним. вы не задали параметр scrollbar-track-color, то цвет дорожки тоже изменится. | |
3) scrollbar-3dlight-color | Цвет верха и левой части ползунка и кнопок со стрелками. | |
4) scrollbar-darkshadow-color | Цвет тени для ползунка и кнопок со стрелками. | |
5) scrollbar-shadow-color | Схоже с scrollbar-darkshadow-color | |
6) scrollbar-arrow-color | Цвет стрелок на кнопках со стрелками. | |
7) scrollbar-track-color | Цвет дорожки для ползунка |
Цвет задаётся либо в шестнадцатеричном (hex) виде, либо конкретно своим именем. Обратите внимание, что если цвет задаётся именем, то символа # перед ним не должно быть. Вот этот пример: scrollbar-highlight-color:#red; ошибка.
Если какая-нибудь картинка не загрузилась, то кликните на неё правой кнопкой мыши и выберите "Показать рисунок" ("Show Picture")
Автор - Дмитрий М.
Copyright - http://Easy-web.narod.ru
Использование материалов с данного сайта разрешено только при указании источника и при извещении автора.