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

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

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

вопрос
Помогите внедрить полосу прокрутки для 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
Это что шутка ?)
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 21.06.2011 bot  Стили (CSS)
 06.12.2011 Cold  Общие вопросы по вёрстке, Стили (CSS)
 07.07.2012 Sobak  Стили (CSS)
 31.07.2013 Voodooman  Шаблоны (TPL), Стили (CSS), jQuery, Модули
 19.01.2014 ale-eex  Шаблоны (TPL), Стили (CSS), jQuery
 28.03.2014 narkom6n  Общие вопросы, Шаблоны (TPL), Стили (CSS)
 11.04.2014 steamen  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Ламерские вопросы
 28.04.2014 mnsjke2h  Стили (CSS)
 15.08.2014 ychelovek33  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 01.07.2015 Trom  Стили (CSS)
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх