Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Кнопка наверх с плавным ходом, к списку сайта

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

Кнопка наверх с плавным ходом, к списку сайта

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Кнопка наверх с плавным ходом, к списку сайта.

Кнопка наверх с плавным ходом, к списку сайта


Кнопка наверх с плавным ходом, к списку сайта

1). Заливаем все из архива к себе на сайт.

2). В main.tpl Между тегами head вставляем
<!--Кнопка-->
<script type="text/javascript" src="{THEME}/js/knopka.js"></script>
<!--Кнопка-->


3.) Перед закрытием тега /body вставляем
<!--Кнопка-->
  <style type="text/css" media="all">
#toTo_button { width:70px;text-align:center;padding:5px;position:fixed;bottom:10px;right:12px;cursor:pointer;color:#666;text-decoration:none; }
</style>
  <a href="/"  title="" id="toTo_button"><img src= "{THEME}/images/up.png" alt="" /></a>  
<!--Кнопка END-->


templates.zip [3.6 Kb] (cкачиваний: 741)
MD5: 05b9eb419f598baa22c7e79e4b2f61e5


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


-9
Просмотры: 9 291 :: Комментарии (12) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Fta1050

  • 14 июля 2012 18:40
  • Регистрация: 5.05.2010
  • Был(а) онлайн: 19.09.2024
  • Комментариев: 172
  • 0
к списку сайта

Простите, что?

--------------------

#2jostic

  • 14 июля 2012 18:40
  • Регистрация: 1.12.2011
  • Был(а) онлайн: 28.07.2014
  • Комментариев: 16
  • 0
Не доделанная, лучше что бы выложил сандер. Когда заходишь в какую нибудь новость, и нажимаешь наверх, переходит на главную. гггггг

#3web-admin

  • 14 июля 2012 19:06
  • Регистрация: 21.07.2011
  • Был(а) онлайн: 8.12.2015
  • Комментариев: 26
  • +2
<a href="/"


заменить на

<a href="#"


и будет вам счастье)

#4Andrey™

  • 14 июля 2012 19:39
  • Регистрация: 28.09.2010
  • Был(а) онлайн: 28.06.2024
  • Комментариев: 153
  • -3
2). В main.tpl Между тегами head вставляем
<!--Кнопка-->
<script type="text/javascript" src="{THEME}/js/knopka.js"></script>
<!--Кнопка-->
Скрипты надо перед </body> подключать, если хотите, чтобы ваш сайт грузился быстро.

#5jostic

  • 14 июля 2012 20:03
  • Регистрация: 1.12.2011
  • Был(а) онлайн: 28.07.2014
  • Комментариев: 16
  • +1
Цитата: web-admin
#

Так не работает

#6SaD

  • 14 июля 2012 20:11
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
Проблема всех подобных скриптов (или может Жквери), тормоза при первом появлении. На досуге может попробую сам реализовать получше вариант.

--------------------

#7bucefal82

  • 14 июля 2012 23:50
  • Регистрация: 11.01.2011
  • Был(а) онлайн: 27.05.2015
  • Комментариев: 156
  • -1
Убогий хак

Вот нормальная версия
Установка:

перед </body>

<script>
$(function(){$.fn.scrollToTop=function(){$(this).hid
e().removeAttr("href&qu

ot;);if($(window).scrollTop()>="100"){$&
#40;this).fadeIn("slow&quo

t;)}var scrollDiv=$(this);$(window).scroll(function(){if(
;$(window).scrollTop()<="
;
;1000"){$(scrollDiv).fadeOut("slow")}else{$(
scrollDiv).fadeIn(&qu

ot;slow")}});$(this).click(function(){$("
;html, body").animate({scrollTop:0},"slow")})}});
$(function(){$("#toTo_button").scrollToTop()
;});
</script>
<style>
#toTo_button { width:70px;text-align:center;padding:5px;position:fixed;bottom&#
58;10px;right:12px;c

ursor:pointer;color:#666;text-decoration:none; }
#ups a img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
#ups a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
</style>
<div id="toTo_button"><img src="/templates/Ваш шаблон/images/up.png" alt="" /></a>


Сама картинка



по пути /templates/Ваш шаблон/images/

#8NeoTube

  • 14 июля 2012 23:51
  • Регистрация: 18.12.2009
  • Был(а) онлайн: 8.02.2019
  • Комментариев: 63
  • +1
Мое мнение эту кнопку должны давным давно все браузеры прикрутить дабы не засорять сайты лишний раз тоннами кода.

#9SaD

  • 15 июля 2012 02:05
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
NeoTube,
Никто не мешает поставить плагин, для нормального браузера.

--------------------

#10MSW

  • 15 июля 2012 02:14
  • Регистрация: 28.11.2009
  • Был(а) онлайн: 2.01.2020
  • Комментариев: 153
  • +2
прикольно)))
зачем тонны кода когда всё решается одной строкой?

jQuery: animate + scrollTop = $('html, body').animate({scrollTop: 10}, 1200);


а проверка насколько пролистана страница для показа/прятания кнопки лучше убрать, иногда она вызывает страшные тормоза браузера вплоть до полной загрузки процессора на компе)))

--------------------

#11SoverenG

  • 16 июля 2012 16:17
  • Регистрация: 9.09.2011
  • Был(а) онлайн: 15.11.2014
  • Комментариев: 21
  • 0
Прикольная штучка)

--------------------

#12Nuf-Nuf

  • 18 июля 2012 16:53
  • Регистрация: 18.07.2012
  • Был(а) онлайн: 3.09.2012
  • Комментариев: 7
  • -2
Отстой, как не крутил ничего не работает ИМХО
https://prowebber.ru/web/scripting/13292-knopka-naverh.html - лучше

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)
Июнь 2024 (30)

Последние комментарии: