Цветная полоса прокрутки.

Цветная полоса прокрутки.  
Цветная полоса прокрутки.
 

Цветная полоса прокрутки.:

Сегодня я попытаюсь вам рассказать как с помощью CSS можно изменить стиль скроллеров на странице (сделать полосу прокрутки цветной):
 
body {
scrollbar-3dlight-color: цвет;
scrollbar-darkshadow-color: цвет;
scrollbar-arrow-color: цвет;
scrollbar-base-color: цвет;
scrollbar-face-color: цвет;
scrollbar-highlight-color: цвет;
scrollbar-track-color: цвет;
scrollbar-shadow-color: цвет;
}

Попробуем разобрать все по порядку. :

body {
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-arrow-color: red; 
scrollbar-base-color: red;
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-track-color: red;
scrollbar-shadow-color: red;
}

Вот как будет выглядеть скролл:

scrollbar-3d-light-color: red;
Задает цвет верхней и левой границ полосы прокрутки, ее бегунка и стрелок.
  scrollbar-darkshadow-color: red;
Задает цвет правых и нижних граней тени, отбрасываемых бегунком и кнопками прокрутки.
scrollbar-arrow-color: red;
Задает цвет стрелок на кнопках полосы прокрутки.
  scrollbar-base-color: red;
Задает цвет бегунка и кнопок-стрелок полосы прокрутки.
scrollbar-face-color: red;
Задает цвет бегунка и кнопок прокрутки.
  scrollbar-highlight-color: red;
Задает цвет левых и верхних граней освещенной части бегунка и кнопок прокрутки.
scrollbar-track-color: red;
Задает цвет рабочей части полосы прокрутки, т.е той ее части, по которой перемещается бегунок.
  scrollbar-shadow-color: red;
Задает цвет неосвещенной части бегунка и кнопок прокрутки.

| Рамки таблиц с округленными краями без использования графики. | Содержание | Следующий |

Баннер Profit-Partner.ru

Опрос
Вопрос: Ваш возраст ?
< 15
15 - 17
18 - 25
26 - 33
34 - 45
> 45
 
 
 


Яндекс цитирования
Rambler's Top100

  Copyright © 2005-2006 WCode.Ru Group