Как задать полосе прокрутки вашего сайта определённый цвет?

Главная » Уроки » CSS

В этом уроке я расскажу вам, как раскрасить полосу прокрутки на вашем сайте.

Вы наверняка уже не раз встречали такие сайты, где полоса прокрутки раскрашена под цвет всего сайта.

Вот как она выглядит:

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

Такая полоса прокрутки делается очень просто.

Вставьте в css этот код:

body { scrollbar-face-color:#5997CA;

scrollbar-shadow-color: #ffffff;

scrollbar-highlight-color: #ffffff;

scrollbar-3dlight-color: #5997CA;

scrollbar-darkshadow-color: #5997CA;

scrollbar-track-color: #F6F6F6;

scrollbar-arrow-color: #F6F6F6; }

Теперь что означают эти параметры.

1.

scrollbar-arrow-color - цвет стрелки.

2. scrollbar-track-color - цвет подложки.

3. scrollbar-face-color - цвет самой полосы.

4. scrollbar-shadow-color: #ffffff;

scrollbar-highlight-color: #ffffff;

цвет разделющей полосы.

5. scrollbar-3dlight-color: #5997CA; scrollbar-darkshadow-color: #5997CA; цвет внешних границ полосы.

Если вы не знаете как определить цвет в #xxxxxx формате, то воспользуйтесь очень хорошей программой Pixie, которая есть на нашем сайте. Она служит для определения цвета под курсором. Подробней вы можете узнать о ней, перейдя по ссылки ранее.

На заметку: Сломалась псп, вам хочется её починить? У вас есть такая возможность, закажите ремонт сони psp в Москве, они отремонтируют psp быстро и качественно.

Категория: CSS; Урок сделан: 20.12.2009; Просмотров : 2693; Комментарии : 4; Рейтинг : 5.0/2;
Всего комментариев: 4

Автор: -=Sl@"eR"=- (04.10.2010 15:30)

А как скруглить углы?


Автор: Katyagorde)) (11.01.2011 13:04)

Этот код действует только в IE. У меня Mozillа.


Автор: Den (02.04.2010 18:15)

Кроссбраузерность — работоcпособность во всех современных браузерах(кто не знает).


+1   Спам

Автор: Shugich (19.02.2010 21:20)

Не кроссбраузерно


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru