Фон: Текст:

Полосы прокрутки.

   На многих сайтах используется такой нестандартный способ украшения дизайна, как цветные полосы прокрутки. Эта статья поможет вам понять, как их сделать.

На самом деле такого эффекта достичь очень легко. Достаточно вставить между <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
Использование материалов с данного сайта разрешено только при указании источника и при извещении автора.

Hosted by uCoz