Веб Свой скролл бар на сайт

[DaDeraNeTiVe]

Итак в этом уроке я расскажу про скролл бары

Вы наверняка уже не раз видели такие раскрашенные под цвет всего сайта полосы прокрутки. Это и есть скролл бар Как его сделать? Да очень просто.
Просто по шагам
1. Вставить полный код (приводится ниже) в каждую страницу сайта, где Вы хотите видеть красивую полосу прокрутки.

2. Вставить ссылку на css-файл с кодом.

Откройте в блокноте или в Вашем любимом HTML редакторе ту страницу сайта , на которой вы хотите изменить цвет полосы прокрутки.

Где-нибудь между тэгами <head></head>

Вставьте следующие строки:

<style>

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; }

</style>

Что означают эти параметры?


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, то воспользуйтесь программой HTML Colors 2000
Ну вот на этом все.
P.S копипаст с перепиской ....

 

[qwertyqwerty]

только на webkit'е работает вроде как

 

[MineGame]

На опере. и хроме,потом он слизал и он походу на хf_russia задавал вопрос

 

[3prokent]

На опере. и хроме,потом он слизал и он походу на хf_russia задавал вопрос

На XF-Russia подобный вопрос задавал Я

 

[Danil Nesvetaev]

О спс, давно искал!

 

[MineGame]

Я тоже этим заинтересовалься,но такая вещь робит на опере и хроме

 

[alexandrage]

Есть кое что по лучше и оно реально работает во всех браузерах http://alexandrage.dyndns.org:8081/demo.zip

 

[3prokent]

Есть кое что по лучше и оно реально работает во всех браузерах http://alexandrage.dyndns.org:8081/demo.zip

Что это, и как приготовить?

(Как я понял для DLE?)

 

[alexandrage]

Что это, и как приготовить?

(Как я понял для DLE?)

Там же есть демо index.htm по нему смотри как подключаются. Картинки можно любые нарисовать.

 

[Miner]

Инородные нормальные скроллбары делаются на js.

 

[Banned]

Наконец нашел,респект автору.

 

[Semen4ik]

Там же есть демо index.htm по нему смотри как подключаются. Картинки можно любые нарисовать.

неа, не открывает

 

[DaDeraNeTiVe]

UP,может кому пригодится .

 

[Simon's]

На safari пашет?

 

[DaDeraNeTiVe]

На safari пашет?

Не проверял, вроде да