|
Если для дизайна вашего сайта требуется изменить цвет линейки прокрутки,
то эта статья, я надеюсь, поможет вам сделать это. Для примера посмотрите
на линейку слева. Она немного отличается цветом от стандартной.
Для этого эффекта нужно вставить такой код:
<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:# идет
код цвета в шеснадцатиричной форме. Список кодов для цветов вы можете
посмотреть здесь
|