Кнопка Вверх/наверх перехода 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 хак кнопку вверх перехода вы наверное часто замечали замечали на некоторых веб-ресурсах, такую удобную вещь, как кнопочка внизу или вверх перехода, которая возвращает посетителя к началу страницы. И наверное задавались вопросам, как сделать такую кнопку для поднятия вверх к странице? Это статья позволит реализовать на Вашем интернет-портале подобную функцию. Установка простая и все займет от силы одну минуту.
Сделал очередной велосипед Олег Александрович a.k.a. Sander - кнопка для прокрутки страницы интернет-портала наверх.
Кнопка Вверх/наверх перехода dle хак
Установка довольно таки проста, но надо как минимум уметь создавать/редактировать файлы и подключать JS файлы к шаблону.
CSS:
#gotop{position:fixed;width:41px;height:41px;right:7px;bottom:20px;display:block;background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}

JS:
$(function(){var scroll_start=30;var top=0;$('body').append('<a href="#" id="gotop" title="Наверх"></a>');var s=$('#gotop');var margin_top=parseInt(s.css('top'));function gotop_scroll(){top=$(window).scrollTop();if(top<scroll_start)s.fadeOut(400);else s.css('opacity',0.5).fadeIn(300)}$(window).scroll(gotop_scroll);s.live({mouseenter:function(){if(top>scroll_start)$(this).fadeTo(200,1.0)},mouseleave:function(){if(top>scroll_start)$(this).fadeTo(400,0.5)},click:function(){$('html,body').animate({scrollTop:0},'slow');return false}})})


Обратите внимание на scroll_start=30; Это количество пикселей, начиная с которого появляется стрелка.

Так же в папку
{THEME}/images/ 

вам нужно загрузить это Кнопка "Наверх" или любое другое изображение стрелки и переименовать его в gotop.png

С уважением,
Олег Александрович a.k.a. Sander
Кстати, на интернет-портале есть другой вариант, такой же кнопки, которая как и это подойдет для любой версии дле Хак вверх DLE кнопка перехода или хак Кнопка Вверх и вниз вы всегда может найти в разделе похожие публикации.

Если вам все это трудно, то в архиве уже готовый вариант нужно закинуть в ваш шаблон на дле, файлы из архива
прописать в main.tpl до тега
<head>

эту строчку
<script type="text/javascript" src="{THEME}/js/gotop.js"></script>


прописать в любой стиль CSS файлы вашего шаблона на dle код
#gotop{position:fixed;width:41px;height:41px;right:7px;bottom:20px;display:block;background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}

Обновить страницу и наслаждаться кнопкой вверх на своем блоге!

Рекомендуем закачать dle хак кнопка Вверх/наверх перехода
  • 100
Рубрика: DLE хаки » Хак для DLE
Ранее » Хаки Dle редирект для ссылок и nofollow для тега LEECH« Далее Адаптация модулей для Dle 9.6 на примере Icomm 6.0
Добавление комментарияОставить комментарий
  • № :20
  • 22 февраля 2016 13:50
Для jquery версии выше 1.8 нужно поменять в js метод .live на .on, тогда все работает
  • № :19
  • 2 октября 2014 12:55
Все отлично работает :)
Спасибо!
  • № :18
  • 6 апреля 2014 18:06
Цитата: ps58
10/2 все идет, но как изменить чтобы она не сразу появлялась? scroll_start=30 не помогает, и на 70 ставил , и -70)

может это
scroll_start)s.fadeOut(400)


Продолжительность (по умолчанию: 400)
Тип: число или строка
Строка или число, определяющее Длительность анимации
  • № :17
  • 6 апреля 2014 17:25
10/2 все идет, но как изменить чтобы она не сразу появлялась? scroll_start=30 не помогает, и на 70 ставил , и -70)
  • № :16
  • 5 января 2013 12:00
удалить из стилей
display:none;
  • № :15
  • 5 января 2013 10:51
Когда появлялась.
  • № :14
  • 5 января 2013 10:48
Спасибо. Я немного не правильно задал вопрос. Я хочу что бы она всегда когда просто появлялась была яркой , а при наведение становилась прозрачной.
  • № :13
  • 4 января 2013 20:05
kostya173, из js
.css('opacity',0.5)

удалить аккуратно или добавить другие параметры
  • № :12
  • 4 января 2013 19:55
А как сделать что бы кнопка всегда была яркой, а не только при наведения ?
  • № :11
  • 30 октября 2012 21:51
Все работает dle 9.6 bully
  • № :10
  • 11 октября 2012 02:31
Кнопка пашит на ура на 9,7 smile
  • № :9
  • 14 августа 2012 01:06
Этот проще и удобней. Идет на любой версии
  • № :8
  • 13 августа 2012 15:39
mischa174, <а href="#" id="gotop" title="Наверх" style="opacity: 1; display: inline; "></а>
  • № :7
  • 29 июля 2012 19:34
dle хаки переход на верх то что надо
  • № :6
  • 21 июля 2012 21:42
mischa174,
На здоровье, winked
  • № :5
  • 21 июля 2012 20:48
Все разобрался))))
Спасибо)))
  • № :4
  • 21 июля 2012 11:11
Спасибо.
Но почему то у меня не получилось
Проверял На Денвере 3 раза.
Сейчас пойду искать ошибку!
  • № :3
  • 21 июля 2012 08:44
dle9,
Все работает проверил, если у вас есть другой скрипт можете просто в самом конце добавить, код скрипта ...
картинку главное не забыть добавить и все
  • № :2
  • 21 июля 2012 08:36
mischa174,
на любых версиях должен работать...
  • № :1
  • 21 июля 2012 07:42
Прикольно))))
Но на 9.6 не идет!