Помощник
|
Как сделать красивую полосу прокрутки? |
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; } Может ее как то можно прикрутить к моей таблице стилей? Если кому интересно полностью этот скрипт с файлами в прикрепленном архиве.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1758 | Вчера, 23:35 автор: Boymaster |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4780 | Вчера, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19680 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3088 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13647 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 18.4.2024, 14:25 |