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

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак 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 хак установка Кнопка вверх перехода
  • 100
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак Dle вывод новостей сайта в модальном окне« Далее Заменяет стандартный выбор категорий новостей
Добавление комментарияОставить комментарий
  • № :14
  • 16 декабря 2014 15:08
Цитата: dle9
Цитата: dle9
Цитата: JohnSurnet
не работает ничего recourse

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

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

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

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

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

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

top: 0,


на

bottom: 0,

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

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


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

top: 0,


на

bottom: 0,

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

Всё равно остаётся сверху(
  • № :8
  • 10 января 2013 12:56
RADOsimf,
в коде скрипта поменять
  
            top: 0,


на
  
           bottom: 0, 

если нужно с низу при спускании вниз
  • № :7
  • 10 января 2013 01:56
подскажите как просто опустить кнопку вниз
  • № :6
  • 26 сентября 2012 17:52
osskar,
Найти в коде
right: 0
что переводится как с право
поменять на
left: 0
  • № :5
  • 26 сентября 2012 17:19
подскажите как сделать чтобы она была не справа а слева
  • № :4
  • 13 мая 2012 23:33
Что-то у меня эта кнопка вверху браузера только двигается. Как в низ стрелку опустить. Эти настройки пробую не получается
scrollDuration: 2000,
showDuration: 600,
hideDuration: 300
  • № :3
  • 4 декабря 2011 09:41
На счет слева то вот ...
t.css({
.
.
right: 0

Слово right:( то есть справа ) поменять на left (слева)...

Насчет зафиксировать

scrollDuration: 2000,

showDuration: 600,

hideDuration: 300

попробуйте изменить цифры изменится и результат , только зачем тогда нужен скрипт (он как раз и создан для анимации)
  • № :2
  • 4 декабря 2011 09:41
Цитата: romarius
romarius

Зафиксировать как в шаблоне дистрибутива Pisces в самом низу то в main.tpl вставить код
<a href="#" onclick="scroll(0,0); return false" class="thide toptop">Наверх</a>

в CSS стили в любом файле , этот код
.toptop { background: #84be1f url("../images/toptop_1_.png"); width: 41px; padding-top: 43px; top: -1px; right: 30px; position: absolute; }
.toptop:hover { background-position: 0 -43px; }


toptop_1_.png изменить на свою картинку... ну плюс придется все редактировать ..(точнее вставить правильно код и настроить чтобы картинка стояла где нужно это все зависит от шаблона)
  • № :1
  • 4 декабря 2011 09:24
А подскажите как кнопку зафиксировать или перенести скажем в левый нижний угол?