Все для DataLife Engine / DLE хаки / Хак для DLE / Хак Dle установка Кнопка вверх перехода

Хак Dle установка Кнопка вверх перехода



Все наверно замечали на некоторых сайтах есть удобная кнопочка внизу, которая возвращает посетителя к началу страницы, это статья позволит реализовать на Вашем сайте подобную функцию хак dle кнопку вверх перехода.

Установка:
1. В файле main.tpl, перед тегом

</head>


вставляем следующий код:

<script type="text/javascript">      (function(jq) {         jq.autoScroll = function(ops) {         ops = ops || {};         ops.styleClass = ops.styleClass || 'scroll-to-top-button';         var t = jq('<div class="'+ops.styleClass+'"></div>'),            d = jq(ops.target || document);         jq(ops.container || 'body').append(t);         t.css({            opacity: 0,            position: 'absolute',            top: 0,            right: 0         }).click(function() {            jq('html,body').animate({               scrollTop: 0            }, ops.scrollDuration || 1000);         });         $(window).scroll(function(){            var sv = d.scrollTop();            if (sv < 10) {               t.clearQueue().fadeOut(ops.hideDuration || 200);               return;            }            t.css('display', '').clearQueue().animate({               top: sv,               opacity: 0.8            }, ops.showDuration || 500);         });      };   })(jQuery);   $(document).ready(function(){      $.autoScroll({         scrollDuration: 2000,         showDuration: 600,         hideDuration: 300      });   });</script>


2. В файле стилей дописываем следующий css код:

/*Кнопка наверх*/.scroll-to-top-button{ background: #666 url("../images/ups.png") center center no-repeat;    width: 32px;    height: 32px;    color: #fff; font-family: verdana;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    -o-border-radius: 5px;    cursor: pointer;    padding: 15px;    margin: 20px;}


3. Скачиваем картинку и заливаем на сервер в templates/имя шаблона/images
Хак Dle установка Кнопка вверх перехода
P.S. Данный плагин работает не только на дле, а и на других движках.

Предлагаем скачать DataLife Engine хак установка Кнопка вверх перехода

ups.rar [11,49 Kb] (cкачиваний: 767)
  • 100

Комментарии 18

VanoID от 11 декабря 2018 10:21

Подключите данный скрипт, временно отключите другие скрипты для проверки, вероятней всего какой-то другой скрипт с похожими значениями создает проблема, второй вариант одинаковые CSS стили, можно проверить и поискать с помощью поиска.


с привлечением одного профи разобрались
оказалось, что картинки надо заливать
не в /templates/имя-шаблона/images , а в /engine/editor/images
Так что там нужно создать директорию и скопировать туда ups.png

А насчет расположения кнопки...
В /engine/editor/css/default.css было написано:
margin: 20px;

Нужно поменять на
margin-top: 80px;
margin-right: 20px;

где 80px - отступ от верхней границы.
меняя это значение можно кнопку опустить или поднять на сколько угодно
dle9.com от 11 декабря 2018 07:03
Цитата: VanoID
Не знаю, как сражаться с этой штукой.
картинка на кнопке не появляется, хоть png ставь, хоть jpg
только серый фон
и кнопка все время в правом верхнем углу стоит
top менял на bottom
кэш сбрасывал
ничего не помогает.

Подключите данный скрипт, временно отключите другие скрипты для проверки, вероятней всего какой-то другой скрипт с похожими значениями создает проблема, второй вариант одинаковые CSS стили, можно проверить и поискать с помощью поиска.
VanoID от 11 декабря 2018 00:11
да, если что - сайт
Внимание! У Вас нет прав для просмотра скрытого текста.
VanoID от 10 декабря 2018 20:36
Не знаю, как сражаться с этой штукой.
картинка на кнопке не появляется, хоть png ставь, хоть jpg
только серый фон
и кнопка все время в правом верхнем углу стоит
top менял на bottom
кэш сбрасывал
ничего не помогает.
JohnSurnet от 16 декабря 2014 15:08
Цитата: dle9
Цитата: dle9
Цитата: JohnSurnet
не работает ничего :recourse:

работает на любой версии при условии правильной установки и загрузки всех джава скриптов, проверьте на дефаулт шаблоне установку, (поймете правильно ли вы делаете)
потом ищите проблему в своем шаблоне

после установки чистите кеш, она сохраняется и после внесения изменений кажется , что нечего не работает.

Всё разобрался всё заработало спасибо!!!!
dle9.com от 16 декабря 2014 13:28
Цитата: dle9
Цитата: JohnSurnet
не работает ничего :recourse:

работает на любой версии при условии правильной установки и загрузки всех джава скриптов, проверьте на дефаулт шаблоне установку, (поймете правильно ли вы делаете)
потом ищите проблему в своем шаблоне

после установки чистите кеш, она сохраняется и после внесения изменений кажется , что нечего не работает.
dle9.com от 16 декабря 2014 13:27
Цитата: JohnSurnet
не работает ничего :recourse:

работает на любой версии при условии правильной установки и загрузки всех джава скриптов, проверьте на дефаулт шаблоне установку, (поймете правильно ли вы делаете)
потом ищите проблему в своем шаблоне
JohnSurnet от 16 декабря 2014 11:56
не работает ничего :recourse:
dle9.com от 7 декабря 2014 05:57
Цитата: Посетитель1
в коде скрипта поменять

top: 0,


на

bottom: 0,

если нужно с низу при спускании вниз

Всё равно остаётся сверху(


кеш почистите в дле панели
Посетитель1 от 7 декабря 2014 05:19
в коде скрипта поменять

top: 0,


на

bottom: 0,

если нужно с низу при спускании вниз

Всё равно остаётся сверху(
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent