Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Помогите внедрить полосу прокрутки для dle 10.2

Помогите внедрить полосу прокрутки для dle 10.2


     25.07.2014    Стили (CSS), Хаки    1636

вопрос
Помогите внедрить полосу прокрутки для dle 10.2 как тут -
http://www.rudebox.org.ua/how-make-scroll-bar-site/
Делаю так:
1) Заливаю в папку css - jquery.rollbar.css;style.css(так как у меня уже есть этот файл, то копирую все и ставлю вниз оригинального), в js - jquery-1.7.2.min.js;jquery.mousewheel.js;jquery.rollbar.min.js.
2) Вставляю код в main.tpl перед :

<link rel="stylesheet" href="{THEME}/css/jquery.rollbar.css" />
<link rel="stylesheet" href="{THEME}/css/style.css" />
<script type="text/javascript" src="{THEME}/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.rollbar.min.js"></script>

и вот это в main.tpl перед :

<script type="text/javascript">
$(document).ready(function(){
$('#example1, #example2').rollbar({zIndex:80});
$('body').rollbar({zIndex:100});
});
</script>

Все работает, только шаблон сьежает!

Ответа пока нет


Комментарии пользователей (6)

FastFud
50

1599 | 588

FastFud - 25 июля 2014 15:51 - Юзер

<script type="text/javascript" src="{THEME}/js/jquery-1.7.2.min.js"></script>
1. Это не надо подключать, почему ? да потому что...

2.Все кроме php (можно натянуть на любой движок даже чистой html-странице), php там уже модули и всякое такое, тогда нужно редактировать под движок или под то что вы используете.

3. Слетает шаблон и за этого думаю
<link rel="stylesheet" href="{THEME}/css/style.css" />
так как тут хранятся стили демо страницы (плагина).

GFIT
3

58 | 9

GFIT - 25 июля 2014 16:30 - Юзер

Поддерживаю.
Вот код,который надо для вставки в style.css:
.example { background-color: #f3f4ef; border: 5px solid #dedede; height:400px; width:640px; }
.example .rollbar-path-horizontal { height: 3px; background: rgba(255,255,255,0.2); }
.example .rollbar-path-vertical { width: 3px; background: rgba(255,255,255,0.2); }
.example .rollbar-path-vertical, .example .rollbar-path-horizontal {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}



pavel31
4

345 | 158

pavel31 - 25 июля 2014 22:08 - Юзер

У меня работает полоса прокрутки как в примере, только со стилями, без подключения js скриптов.
Стили полосы прокрутки:

::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-track-piece {background-color:gray;}
::-webkit-scrollbar-thumb:vertical {height:5px;border-radius:5px;background-color:black;}
::-webkit-scrollbar-thumb:horizontal {width:5px;border-radius:5px;background-color:black;}

цвет полосы, толщину и цвет фона, думаю сами настроите.

FastFud
50

1599 | 588

FastFud - 25 июля 2014 22:12 - Юзер

pavel31,
Это не кроссбраузерно уважаемый!

pavel31
4

345 | 158

pavel31 - 26 июля 2014 00:52 - Юзер

FastFud,
Может быть, но в Опере 100% работает, я проверял. В других браузерах не пробовал.

FastFud
50

1599 | 588

FastFud - 26 июля 2014 00:59 - Юзер

pavel31
Это что шутка ?)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы