Создание сайтов
Главная
Статьй
Скрипты
Шаблоны
Софт для раскрутки
Форум
Услуги
Вход на сайт
Логин
Пароль
 
Популярные статьи

Опрос сайта

10-20
20-30
30-40
50 и более


Блок Он-лайн
Сейчас на сайте:
Пользователей: 0
Отсутствуют.

Роботов: 0
Отсутствуют.

Гостей: 12
Всех: 12

Создание сайтов » Cтатьй » Как изменить цвет scrollbar'a, полосы прокрутки.


Как изменить цвет scrollbar'a, полосы прокрутки. Cтатьй
Скроллбар или полоса прокрутки находится в правой части окна браузера. При желании Вы можете изменить ее цвет, подстроив под дизайн своего сайта. О том как это сделать читайте ниже.

Для оформления скролл бара нужно после тэга вставить код следующего типа:


<!--
body { scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000; }
//-->

Рассмотрим каждое свойство по отдельности:

scrollbar-face-color - задаёт основной цвет полосы прокрутки.

scrollbar-highlight-color - цвет левого верхнего угла самого скролл бара.

scrollbar-shadow-color - этим цветом отображается правый нижний угол скролл бара.

scrollbar-3dlight-color - тоненькая кромка, находящаяся в левом верхнем углу, ближе к краю нежели scrollbar-highlight-color.

scrollbar-arrow-color - определяет цвет стрелочек.

scrollbar-track-color - цвет дорожки по которой перемещается скролл бар.

scrollbar-darkshadow-color - тоненькая кромка, находящаяся в правом нихнем углу, ближе к краю нежели scrollbar-shadow-color.

Вроде всё! Однако стоит отметить, что данные свойства поддерживают браузеры Internet Explorer 5.5 и выше. Остальные просто игнорируют свойства CSS, не выдавая никаких ошибок.

Автор статьи: Silver
Email: admin@web-silver.ru
  • Горизонтально меню с помощью CSS.
  • Индикатор состояния(online или offline), по ICQ, на вашем сайте.
  • Размышления о веб дизайне
  • Шаблон black
  • MySQL - это просто!
  •  
    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.


    © Prosaity.info 2007 All rights reserved. Design by Zuven Design.