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

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


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

вопрос
Помогите внедрить полосу прокрутки для 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
Юзер

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
Юзер

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
Юзер

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
Юзер

FastFud - 25 июля 2014 22:12 -

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

pavel31
Юзер

pavel31 - 26 июля 2014 00:52 -

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

FastFud
Юзер

FastFud - 26 июля 2014 00:59 -

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

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

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

наверх