Web-Разработка |
Изменяем цвет полосы прокрутки |
В
середине 2001-го года одной из самых популярных
примочек среди начинающих дизайнеров стало
изменение стиля скроллеров на экране с помощью
каскадных таблиц стилей (.css). Соответственно, в
нашем форуме начало возникать огромнеейшее
количество недоразумений и вопросов по этому
поводу. В данной статье мы собираемся раз и на
всегда покончить с ними. Итак, как изменить цвет
скроллера на странице?
Самый простой из известных мне способов – использование CSS (англ. - Cascade Style Sheets, рус. - Каскадные Таблицы Стилей), которые были вкратце упомянуты в статье на нашем сайте - “Гиперссылка загорается при "наведении"” ( http://dvk.promo.ru/masteru/colr_lnk.htm ) и других статьях. На данный момент, науке известны два способа. С подключением внешнего файла и без него. Рассмотрим все по порядку. С подключением внешнего
файла.
, эта строка будет вызывать файл style.css и использовать шаблон стиля указанном в нем для всей страницы. В самом файле, который можно создать в Блокноте а потом переименовать его разширение в .css, пишите:
В примере без подключения внешнего файла (придется одно и тоже вписывать на каждой странице, но некоторым это действие нравится). Вставляем весь этот код в заголовок, перед тагом </head>:
Внимание, все цвета в выше приведенных примерах прописаны как “#000000”, то есть черные. Ниже приведена схема, демонстрирующая названия элементов скроллера. Так вам будет удобнее и нагяднее понять, какие параметры отвечают а те или иные области скролл-бара (она же – полоса прокрутки): Сопоставляя элементы рисунка с соответсвующими частями скроллера меняете “#000000” на любой желаемый цвет. Желаем удачи в использовании данной функции в Internet Explorer 5 и выше (да, насколько известо, изменение цвета скроллера не потдерживается в остальных броузерах). Так что данная фишка будет оценена пользователями, которые используют IE. Остальные же абсолютно ничего не заметят :-) |
Автор: Haida Источник: dvk.promo.ru |
Copyright by ADOLO |
Копирование и использование данных материалов разрешается только в случае указания на журнал "ADOLO", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта www.adolo.tk. |