Помощник
|
Как сделать красивую полосу прокрутки? |
serjik_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
RayOfLight |
29.9.2010, 1:57;
Ответить: RayOfLight
Сообщение
#2
|
|
Ничего так не выйдет, потому что полосы прокрутки не являются как таковыми элементами страницы.
Но можно с помощью JS замутить свои полосы, с блекджеком и остальным. |
|
|
Alcorn |
29.9.2010, 7:10;
Ответить: Alcorn
Сообщение
#3
|
|
Самодельная полоса прокрутки сам по себе сложный элемент, вычисление размеров ползунка относительно прокручиваемого контента, управление кнопками вниз/вверх, drag&drop самого ползунка и привязка к прокрутке контента, + колёсико мыши и т.д. и т.п.
Можете поискать готовые библиотеки скриптов, вероятно попадётся что-нибудь. А обычная полоса прокрутки - элемент браузера и часто неподдаётся изменениям. |
|
|
serjik_hb
|
Сообщение
#4
|
|
|
да я пытался уже готовую прикрутить которую взяли из модуля skrollbar для joomla, но все равно ничего не вышло . В нем таблица css выглядит так:
/* © 2007 YOOtheme.com */ div.blank-h div.yoo-scroller { } /* panel */ div.blank-h div.yoo-scroller .panel-container { padding: 0px 0px 10px 0px; } div.blank-h div.yoo-scroller .panel-container-bg { overflow: hidden; } div.blank-h div.yoo-scroller div.panel { overflow: hidden; } div.blank-h div.yoo-scroller div.panel div.slide { float: left; overflow: hidden; } div.blank-h div.yoo-scroller div.scrollarea { margin: 0px 20px 0px 20px; background: url(styles/blank-h/images/scrollarea_m.png) 0 0 repeat-x; cursor: pointer; } div.blank-h div.yoo-scroller div.scrollarea-l { background: url(styles/blank-h/images/scrollarea_l.png) 0 0 no-repeat; } div.blank-h div.yoo-scroller div.scrollarea-r { background: url(styles/blank-h/images/scrollarea_r.png) 100% 0 no-repeat; } div.blank-h div.yoo-scroller div.scrollbar { float: left; } div.blank-h div.yoo-scroller div.scrollknob { margin: 2px 0px 2px 0px; min-width: 10px; background: url(styles/blank-h/images/scrollknob_l.png) 0 0 no-repeat; } div.blank-h div.yoo-scroller div.scrollknob-r { padding: 0px 10px 0px 10px; background: url(styles/blank-h/images/scrollknob_r.png) 100% 0 no-repeat; } div.blank-h div.yoo-scroller div.scrollknob-m { height: 14px; background: url(styles/blank-h/images/scrollknob_m.png) 0 0 repeat-x; } div.blank-h div.yoo-scroller div.forward, div.blank-h div.yoo-scroller div.back { width: 21px; height: 18px; float: left; } div.blank-h div.yoo-scroller div.forward { background: url(styles/blank-h/images/scroll_forward.png) 0 0 no-repeat; } div.blank-h div.yoo-scroller div.back { background: url(styles/blank-h/images/scroll_back.png) 0 0 no-repeat; } Может ее как то можно прикрутить к моей таблице стилей? Если кому интересно полностью этот скрипт с файлами в прикрепленном архиве.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1124 | 26.3.2024, 14:13 автор: knezevolk |
|
Как вы бросили работу и перешли на заработок с сайтов? | 12 | uahomka | 2297 | 25.3.2024, 6:52 автор: Skyworker |
|
Как отозвать банковский платеж фрилансеру? | 28 | metvekot | 3920 | 25.3.2024, 6:34 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 23 | freeax | 3646 | 24.3.2024, 20:55 автор: Liudmila |
|
Через какой браузер и как можно найти в кэшэ браузера видео | 10 | Room | 1943 | 23.3.2024, 7:41 автор: Room |
Текстовая версия | Сейчас: 29.3.2024, 12:37 |