На главную | Отправить SMS | Сделать стартовой | Поставить закладку |
Разделы сайта

 Главная
 Новости
 Регистрация
 Region Free Keys
 Телефония
 Железо
 Software
 Секреты Windows
 Безопасность
 Web-дизайн
 Web-мастерам
 Фото-приколы
 Хостинги
 Раскрутка сайта
 Анекдоты
 Игромания
 Фотогалерея
 Разное
 Знакомства
 Мир техники
 Флейм
 Голосования
 Музыка
 Спорт
 Кино
 Авто
 Зал суда
 Программа TB
 Форум
 Авторам статей
 Реклама на сайте

Рассылка

Реклама



Web-дизайн

| Основы Web-технологий | Введение в Web-дизайн | Первая Web-страница | Графика web-дизайне | Специальные возможности HTML | Каскадные таблицы стилей | Полезные приемы в Web-дизайне | Обслуживание Web-сайта | Программирование на JavaScript и VBScript | Раскрутка сайта | Деньги и интернет | Партнерские программы | Web-софт | Поисковая оптимизация | Хостинг |

Изменение стиля полос прокрутки браузера Internet Explorer

Автор: Дригалкин Владимир
Сайт: http://lenininc.narod.ru/

Изменение цвета и внешнего вида полос прокрутки (scroll bar) окна браузера последнее время стало очень популярной <фишкой> Web-дизайнеров. Однако, вопрос о том, как это можно сделать по прежнему часто встречается в различных чатах и конференциях. Эта небольшая статья призвана внести полную ясность в этот, по сути, несложный, но актуальный вопрос...

Иногда, попадая на какой-то сайт, цвет полос прокрутки браузера меняется. Правда происходит это только в том случае, если ваш браузер Internet Explorer версии не ниже 5.5. Создают такой эффект при помощи таблиц каскадных стилей (CSS, Cascading Style Sheets).

На сегодняшний день существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки

  • scrollbar-3d-light-color - цвет контуров трехмерности;
  • scrollbar-arrow-color - цвет стрелочек;
  • scrollbar-base-color - базовый цвет (общий фон);
  • scrollbar-dark-shadow-color - цвет внешней тени;
  • scrollbar-face-color - цвет ползунков;
  • scrollbar-highlight-color - цвет контуров подсветки;
  • scrollbar-shadow-color - цвет внутренней тени;
  • scrollbar-track-color - цвет полос.

Чтобы изменить цвет прокрутки, поместите данные параметры в тэг <BODY>, а в качестве значений присвойте шестнадцатеричный RGB код цвета или его название на английском языке, например -

<body style="scrollbar-3d-light-color: blue; scrollbar-arrow-color: 
blue; scrollbar-base-color: red; scrollbar-dark-shadow-color: white; scrollbar-face-color: lightgreen; scrollbar-highlight-color: red; scrollbar-shadow-color: red; scrollbar-track-color: green;"> 

Не обязательно использовать одновременно все атрибуты, иногда достаточно только одного scrollbar-base-color.

Если немного "проиграться" с этими параметрами, то можно добиться очень интересных эффектов с прокруткой.

Содержание

Обсудить в форуме...>>>>

 

Каталог

Реклама


Rambler's Top100 Rambler's Top100

© 2002-2012, DIWAXX.RU. Дизайн Freeline Studio. Хостинг http://www.mtw.ru. Вопросы, пожелания, предложения: admin@diwaxx.ru