Сайт для тех, кто хочет знать больше

Изменение цвета линейки прокрутки

Если для дизайна вашего сайта требуется изменить цвет линейки прокрутки, то эта статья, я надеюсь, поможет вам сделать это. Для примера посмотрите на линейку слева. Она немного отличается цветом от стандартной.
Для этого эффекта нужно вставить такой код:
<STYLE TYPE=text/css>
body { scrollbar-3dlight-color:#ff0000;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#333366;
scrollbar-face-color:#333366;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff}
</STYLE>

Теперь посмотрим что значит каждая строка. Для наглядности я сделал скриншоты линейки с одним измененным элементом красного цвета.

Код
Изображение
Комментарий
scrollbar-3dlight-color:#ff0000;
Верхняя рамка кнопок
scrollbar-arrow-color:#ffffff;
Окраска стрелок при видимом движке
scrollbar-base-color:#ffffff;
---------------
Сам не знаю зачем
scrollbar-track-color:#ffffff;
Задает цвет области движка
scrollbar-darkshadow-color:#333366;
Нижняя рамка кнопок
scrollbar-face-color:#333366;
Цвет кнопок
scrollbar-highlight-color:#ffffff;
Верхняя тень кнопок
scrollbar-shadow-color:#ffffff}
Нижняя тень кнопок

В каждой строчке после слова color:# идет код цвета в шеснадцатиричной форме. Список кодов для цветов вы можете посмотреть здесь

Rambler's Top100 Rating All.BY Яндекс цитирования
Сайт создан в системе uCoz