Форум

Объявление

Решением Администрации форум переехал на другой сервис, этот же форум будет автоматически удалён. Ищите нас по ссылке на ЦФ.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум » Дизайн » Полосы прокрутки


Полосы прокрутки

Сообщений 1 страница 2 из 2

1

Любой дизайн (скин) лучше всего смотрится с обственной, подходящей по стилю и цвету полосой прокрутки. Жаль, таковые отображаются не во всех браузерах, но всё же...

0

2

Главное, что нужно запомнить - описание любого скроллбара вставляется между тегами <STYLE> </STYLE> в параметры body { в вашем ХТМЛ верх, или другом специализированном разделе настроек (смотря какой у вас движок и сервер).

3dlight-color: {Цвет};
Задает цвет верхней и левой границ полосы прокрутки, ее бегунка и стрелок.

scrollbar-arrow-color: {Цвет};
Задает цвет стрелок на кнопках полосы прокрутки. Поддерживается IE начиная с 5.5

scrollbar-face-color: {Цвет};
Задает цвет бегунка и кнопок прокрутки полосы прокрутки. . Поддерживается IE начиная с 5.5

scrollbar-base-color: {Цвет};
Задает цвет бегунка и кнопок-стрелок полосы прокрутки. Поддерживается IE начиная с 5.5 

scrollbar-darkshadow-color: {Цвет};
Задает цвет "тени", отбрасываемой бегунком и кнопками прокрутки полосы прокрутки (цвет правых и нижних гранией. Поддерживается IE начиная с 5.5

scrollbar-highlight-color: {Цвет};
Задает цвет "освещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет левых и верхних их граней).
Поддерживается IE начиная с 5.5

scrollbar-shadow-color: {Цвет};
Задает цвет "неосвещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет правых и нижних их граней). Не путать с цветом "тени", задаваемым атрибутом scroll-darkshadow-color.

scrollbar-track-color: {Цвет};Задает цвет рабочей части полосы прокрутки, т.е. той ее части, по которой перемещается бегунок. Поддерживается IE начиная с 5.5

Взято с http://www.spravkaweb.ru/css/reference/color

Например, вот такие параметры выйдут у голубенького скроллбара с белыми тенями и полосой прокрутки:

<style>
scrollbar-face-color: #4682B4;
scrollbar-arrow-color: #FFFAFA;
scrollbar-track-color: #FFFAFA;
scrollbar-shadow-color: #4682B4;
scrollbar-highlight-color: #5F9EA0;
scrollbar-3dlight-color: #цвет;
scrollbar-darkshadow-Color: #4682B4
</style>

0


Вы здесь » Форум » Дизайн » Полосы прокрутки