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

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

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

Сообщение 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

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

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

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

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

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

Татьяна5 писал(а):Или оформить его своими картинками?

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

Полосу прокрутки из всех популярных браузеров не стилизует только Firefox.
Татьяна5 писал(а):Можно ли еще с помощью CSS поменять ширину скролла?

Если делать графический Scrollbar.

Вернуться в «HTML + CSS»

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

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