Scrollbar - полоса прокрутки

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2208
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Scrollbar - полоса прокрутки

#1

Сообщение Slash » Чт ноя 08, 2012 1:45 pm

Если Вам надоела стандартная, однообразная полоса прокрутки (Scrollbar) измените её цвет и оттенки. Задать стиль элементам Scrollbar поможет нам CSS.

И так, как обычно создаем файл style.css, куда и пишем следующий код:

Код: Выделить всё

body{
   scrollbar-3dlight-color: #999999;
   scrollbar-arrow-color: #ffffff;
   scrollbar-base-color: #d6d6d6;
   scrollbar-darkshadow-color: #336699;
   scrollbar-face-color: #fdfdfd;
   scrollbar-highlight-color: #cccccc;
   scrollbar-shadow-color: #cccccc;
   scrollbar-track-color: #cccccc;
}
scrollbar-3dlight-color - цвет верха и левой части ползунка и кнопок со стрелками.
scrollbar-arrow-color - цвет стрелок на кнопках.
scrollbar-base-color - цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color.
scrollbar-darkshadow-color - цвет тени для ползунка и кнопок со стрелками.
scrollbar-face-color - цвет ползунка и кнопок со стрелками. Также, если вы не задали параметр scrollbar-track-color, у вас изменится цвет дорожки.
scrollbar-highlight-color - цвет подсветки.
scrollbar-shadow-color - похоже с scrollbar-darkshadow-color.
scrollbar-track-color - цвет дорожки для ползунка.

Реклама
Аватара пользователя
Татьяна5
Сообщения: 81
Зарегистрирован: Сб окт 06, 2012 5:28 pm

Re: Scrollbar - полоса прокрутки

#2

Сообщение Татьяна5 » Чт ноя 08, 2012 2:35 pm

Как у этого кода с кроссбраузерностью?
Можно ли еще с помощью CSS поменять ширину скролла? Или оформить его своими картинками?

Аватара пользователя
Slash
Администратор
Сообщения: 2208
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Re: Scrollbar - полоса прокрутки

#3

Сообщение Slash » Чт ноя 08, 2012 2:38 pm

Татьяна5 писал(а):Или оформить его своими картинками?
Оформление картинками возможно, при использование Java скриптов и CSS.
Вот что удалось найти: http://hesido.com/web.php?page=customscrollbar
Татьяна5 писал(а):Как у этого кода с кроссбраузерностью?
Полосу прокрутки из всех популярных браузеров не стилизует только Firefox.
Татьяна5 писал(а):Можно ли еще с помощью CSS поменять ширину скролла?
Если делать графический Scrollbar.

Ответить Пред. темаСлед. тема

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

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