prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


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


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


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

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-->


Z templates.zip Размер: 3.6 Kb, скачали 686 раз


-8
Просмотры: 7115 VIP ProWebber | Комментарии (12)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Fta1050

  • 14 июля 2012 18:40
  • Регистрация: 5.05.2010
  • ICQ: 1324360
  • Комментариев: 139
к списку сайта

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

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

0

#2jostic

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

0

#3web-admin

  • 14 июля 2012 19:06
  • Регистрация: 21.07.2011
  • ICQ: 8291960
  • Комментариев: 26
<a href="/"


заменить на

<a href="#"


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

+2

#4Andrey™

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

-3

#5jostic

  • 14 июля 2012 20:03
  • Регистрация: 1.12.2011
  • ICQ: --
  • Комментариев: 16
Цитата: web-admin
#

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

+1

#6SaD

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

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

0

#7bucefal82

  • 14 июля 2012 23:50
  • Регистрация: 11.01.2011
  • ICQ: 351593056
  • Комментариев: 156
  • Выкл.
Убогий хак

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

перед </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/

-1

#8NeoTube

  • 14 июля 2012 23:51
  • Регистрация: 18.12.2009
  • ICQ: --
  • Комментариев: 60
Мое мнение эту кнопку должны давным давно все браузеры прикрутить дабы не засорять сайты лишний раз тоннами кода.

+1

#9SaD

  • 15 июля 2012 02:05
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
NeoTube,
Никто не мешает поставить плагин, для нормального браузера.

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

0

#10MSW

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

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


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

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

+2

#11SoverenG

  • 16 июля 2012 16:17
  • Регистрация: 9.09.2011
  • ICQ: --
  • Комментариев: 21
Прикольная штучка)

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

0

#12Nuf-Nuf

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

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки