Кодировка HTML | Демо-сайт CMS uCoz | Почта

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

Все что связано с HTML и CSS.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!

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

Сообщение oles » 09 дек 2008, 14:01

Есть два способа изменить цвет полосы прокрутки:
Способ 1. Через css:
Где прописано:

Код: Выделить всё
body {background:#[color=red]цвет фона сайта[/color];margin:0;padding:0;}


Вставить:

Код: Выделить всё
scrollbar-3d-light-color: #[color=red]цвет[/color];
scrollbar-dark-shadow-color: #[color=red]цвет[/color];
scrollbar-base-color: #[color=red]цвет[/color];
scrollbar-face-color: #[color=red]цвет[/color];
scrollbar-shadow-color: #[color=red]цвет[/color];
scrollbar-highlight-color: #[color=red]цвет[/color];
scrollbar-track-color: #[color=red]цвет[/color];
scrollbar-arrow-color: #[color=red]цвет[/color];


Чтоб получилось так:

Код: Выделить всё
body {background:#[color=red]цвет фона сайта[/color];margin:0;padding:0;
scrollbar-3d-light-color: #[color=red]цвет[/color];
scrollbar-dark-shadow-color: #[color=red]цвет[/color];
scrollbar-base-color: #[color=red]цвет[/color];
scrollbar-face-color: #[color=red]цвет[/color];
scrollbar-shadow-color: #[color=red]цвет[/color];
scrollbar-highlight-color: #[color=red]цвет[/color];
scrollbar-track-color: #[color=red]цвет[/color];
scrollbar-arrow-color: #[color=red]цвет[/color];}


Способ 2. Вставка на каждую страницу в открывающий body (<body>)
Чтоб получилось так:

Код: Выделить всё
<BODY style="scrollbar-3d-light-color: #[color=red]цвет[/color]; scrollbar-arrow-color: #[color=red]цвет[/color]; scrollbar-base-color: #[color=red]цвет[/color]; scrollbar-dark-shadow-color: #[color=red]цвет[/color]; scrollbar-face-color: #[color=red]цвет[/color]; scrollbar-highlight-color: #[color=red]цвет[/color]; scrollbar-shadow-color: #[color=red]цвет[/color]; scrollbar-track-color: #[color=red]цвет[/color];">


Расшифровка:
scrollbar-3d-light-color - цвет контуров трехмерности;
scrollbar-arrow-color - цвет стрелочек;
scrollbar-base-color - базовый цвет (общий фон);
scrollbar-dark-shadow-color - цвет внешней тени;
scrollbar-face-color - цвет ползунков;
scrollbar-highlight-color - цвет контуров подсветки;
scrollbar-shadow-color - цвет внутренней тени;
scrollbar-track-color - цвет полос.

Таблица цветов: http://chelschoollider.org.ru/html/cveta.html
Аватара пользователя
oles
Салага
Салага
 
Автор темы
Сообщения: 4
Зарегистрирован: 11 ноя 2008, 16:45
Карма: + 0 -
Откуда: Челябинск

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

Сообщение BL_AF » 09 дек 2008, 15:26

вот меня больше интересует, можно ли сделать красивые скроллбары - с картинкой под background.
Аватара пользователя
BL_AF
Подполковник
Подполковник
 
Сообщения: 206
Возраст: 30
Зарегистрирован: 21 апр 2008, 12:08
Карма: + 0 -
Откуда: Зимбабве

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

Сообщение oles » 09 дек 2008, 15:44

Таких не встречал, но хотел бы найти (самому надо).
Аватара пользователя
oles
Салага
Салага
 
Автор темы
Сообщения: 4
Зарегистрирован: 11 ноя 2008, 16:45
Карма: + 0 -
Откуда: Челябинск


Вернуться в HTML и CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 5

cron