Интернет Пресс - программы для Windows и Linux, статьи и материалы о компьютерах, бизнес-предложения.
Главная | Новости | Статьи | Веб-мастеру | Призы и подарки | Архив | RSS-канал | Карта сайта
Написать письмо автору сайта
Поиск
 

Статьи
Интернет
Software
Hardware
Операционные системы
Безопасность
Электронная коммерция
Пресс-релизы
Народные советы, медицина
SEO-поисковое продвижение сайтов
Автомобили
Строительство и недвижимость
Образование, спорт, отдых и туризм
Авторам
Добавить статью

Реклама
Trustlink_200x400

 

Интернет

Изменение стиля полос прокрутки браузера Internet Explorer
 | 14:26:00 , 29 Апреля 2005

Автор: Дригалкин Владимир Владимирови , lenin@zeos.net
http://lenininc.narod.ru

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

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

Рисунок 1. Соответствие параметров элементам прокрутки

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>, а в качестве значений присвойте шестнадцатеричный код цвета или его название на английском языке, например:

<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. Если немного "проиграться" с этими параметрами, то можно добиться очень интересных эффектов с прокруткой. Один из таких эффектов наглядно продемонстрирован на рисунке 2.

Рисунок 2. Пример измененных полос прокрутки

Источник: http://www.izcity.com



Версия для печати Версия для печати

Оценок этой статье - 14. Средний балл - 1.67 Просмотров - 35333

Выставить оценку статье:


Читайте также:

  • web-keeper.net - бесплатный счетчик посещений
  • Путеводитель по ноутбучным ресурсам интернета
  • Музыкальные сайты Рунета
  • Оптимизация и продвижение сайта. Оценка эффективности. За что платит клиент?
  • Факторы, зависящие от запроса (динамические)
  • Правила создания хорошего сайта
  • Попытка купить слона через Интернет или как работают поисковые системы
  • Microsoft зовет всех блоггеров к себе
  • Анатомия протокола
  • Обзор русских поисковых систем
  • Как "раскрутить" свой сайт?
  • РНР - что в этом слове?
  • Автоматизация автоматизации: шаблоны HTML-страниц, PHP
  • Использование каталогов как средство продвижения сайтов.
  • Оптимизация TCP/IP
  • Установка MySQL под Win9x/NT/2000
  • Домашний Apache
  • Apache: полезные советы
  • Использование IFRAME
  • Web-календарь

    Все статьи рубрики Интернет


  •  

    Реклама

    Купить настенные вешалки magazin-veshalok.ru.

    Поиск
     

    Размещение рекламы | Контакты

    Главная | Новости | Статьи | Веб-мастеру | Призы и подарки | Архив | RSS-канал | Карта сайта

    Вверх
    Copyright © 2004 - 2024 г. При перепечатке гиперссылка на «Интернет Пресс» обязательна.