(SB) BacktoTop 1.0.5

[rustav]

Просмотр файла

(SB) BacktoTop 1.0.5

---

Плагин добавит стрелку "наверх"  - работает на jQuery. Работает и в мобильной версии.

---

• Добавил
  rustav
• Добавлено
  27.03.2016
• Категория
  Интерфейс
• Язык
  Язык: Английский

[Death1]

А не пробовали переписать плагин так, чтобы стрели были в обе стороны? Чтобы с верху в подвал можно было перемещаться.

[Redneck]

43 минут назад, Death1 сказал:

А не пробовали переписать плагин так, чтобы стрели были в обе стороны? Чтобы с верху в подвал можно было перемещаться.

советую такой https://invisionpower.com/files/file/8104-mdmxscroll-up-and-down/?tab=reviews#review-9489 мне больше всех понравился (себе поставил), наш разработчик, плагин можно купить за рубли на его сайте... 

[Death1]

1 минуту назад, Redneck сказал:

советую такой https://invisionpower.com/files/file/8104-mdmxscroll-up-and-down/?tab=reviews#review-9489 мне больше всех понравился (себе поставил), наш разработчик, плагин можно купить за рубли на его сайте... 

А поделиться им не сможешь ? 

[Redneck]

Только что, Death1 сказал:

А поделиться им не сможешь ? 

К сожалению нет  дал обещание разработчику  да, и он тут частый посетитель... 

[Death1]

Ну тогда вопрос снимается. Может кто то возьмётся этот модифицыровать когда то.

[SlawkA]

Death1, могу предложить такую, верней такие кнопки.

Не знаю может тут и есть такая тема про кнопку. Но все же лови.

Скриншоты:

Спойлер

Сам код.

Спойлер

      <a href="http://ссылка.ru/" title="Главная" style="  display: scroll;
  bottom: 60%;
  position: fixed;
  font-size: 25px;
  right: %;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  height: 27px;
  width: 27px;
  color: rgba(254, 60, 54, 0.9);"><i class="fa fa-home"></i></a>
<a href="javascript:history.forward(0)" onmouseover="window.status='Вперед';return true" style="  display: scroll;
  bottom: 56%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  height: 27px;
  width: 27px;
  text-align: center;  color: rgba(254, 60, 54, 0.9);" title="Вперед"><i class="fa fa-chevron-circle-right"></i></a>
<a href="javascript:history.back(0)" onmouseover="window.status='Назад';return true" style="display: scroll;
  bottom: 52%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  height: 27px;
  width: 27px;
  color: rgba(254, 60, 54, 0.9);
  text-align: center;" title="Назад"><i class="fa fa-chevron-circle-left"></i></a>
<!-- Bota --> <!-- Start -->
<a href="#GoDown" style="display: scroll;
  bottom: 44%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  color: rgba(254, 60, 54, 0.9);
  height: 27px;
  width: 27px;
  text-align: center;" title="Вниз"><i class="fa fa-chevron-circle-down"></i></a>
<a name="GoDown" id="GoDown">
<!-- Finish --> <!-- Start -->
<a href="#" rel="nofollow" style="  display: scroll;
  bottom: 48%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  color: rgba(254, 60, 54, 0.9);
  height: 27px;
  width: 27px;
  text-align: center;" title="Вверх"><i class="fa fa-chevron-circle-up"></i></a></a>
<!-- Finish --> <!-- Finish co -->

 

писать код в твой стиль/ globalTemplate. в самый низ перед 
 

</body>

</html>

настраиваешь цвет каждой кнопки там же в коде

 color: rgba(254, 60, 54, 0.9);

Надеюсь понятно все, и пригодится?

[ArcheR_AWG]

10 часов назад, Death1 сказал:

А не пробовали переписать плагин так, чтобы стрели были в обе стороны? Чтобы с верху в подвал можно было перемещаться.

есть хук такой. backtotopdual называется. я выкладывал его не раз тут. Если не устроит ответ ♕-SlawkA-♕, то можешь воспользоваться поиском

[SlawkA]

5 часов назад, ArcheR_AWG сказал:

есть хук такой. backtotopdual называется. я выкладывал его не раз тут.

я пытался тут найти сей файл. так и не нашел

[Sufiy]

17 часов назад, Death1 сказал:

А не пробовали переписать плагин так, чтобы стрели были в обе стороны?

В некоторых стилях это реализовано по умолчанию. например в этом

 

[Death1]

19 часов назад, ♕-SlawkA-♕ сказал:

Death1, могу предложить такую, верней такие кнопки.

Не знаю может тут и есть такая тема про кнопку. Но все же лови.

Скриншоты:

  Показать контент

Сам код.

  Показать контент

      <a href="http://ссылка.ru/" title="Главная" style="  display: scroll;
  bottom: 60%;
  position: fixed;
  font-size: 25px;
  right: %;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  height: 27px;
  width: 27px;
  color: rgba(254, 60, 54, 0.9);"><i class="fa fa-home"></i></a>
<a href="javascript:history.forward(0)" onmouseover="window.status='Вперед';return true" style="  display: scroll;
  bottom: 56%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  height: 27px;
  width: 27px;
  text-align: center;  color: rgba(254, 60, 54, 0.9);" title="Вперед"><i class="fa fa-chevron-circle-right"></i></a>
<a href="javascript:history.back(0)" onmouseover="window.status='Назад';return true" style="display: scroll;
  bottom: 52%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  height: 27px;
  width: 27px;
  color: rgba(254, 60, 54, 0.9);
  text-align: center;" title="Назад"><i class="fa fa-chevron-circle-left"></i></a>
<!-- Bota --> <!-- Start -->
<a href="#GoDown" style="display: scroll;
  bottom: 44%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  color: rgba(254, 60, 54, 0.9);
  height: 27px;
  width: 27px;
  text-align: center;" title="Вниз"><i class="fa fa-chevron-circle-down"></i></a>
<a name="GoDown" id="GoDown">
<!-- Finish --> <!-- Start -->
<a href="#" rel="nofollow" style="  display: scroll;
  bottom: 48%;
  position: fixed;
  font-size: 25px;
  right: 0.15%;
  display: block;
  z-index: 9999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  color: rgba(254, 60, 54, 0.9);
  height: 27px;
  width: 27px;
  text-align: center;" title="Вверх"><i class="fa fa-chevron-circle-up"></i></a></a>
<!-- Finish --> <!-- Finish co -->

 

писать код в твой стиль/ globalTemplate. в самый низ перед 
 

</body>

</html>

настраиваешь цвет каждой кнопки там же в коде

 color: rgba(254, 60, 54, 0.9);

Надеюсь понятно все, и пригодится?

Довольно ясно объяснил. Пригодится, на тестовый форум для начала попробую влепить. Спасибки.

[alexis]

В 05.05.2016 в 04:50, ♕-SlawkA-♕ сказал:

Не знаю может тут и есть такая тема про кнопку. Но все же лови.

да, есть  тот же самый код с португальскими словечками расписывался на этом форуме кучу месяцев назад тута:

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

 

Изменено 7 мая, 2016 пользователем alexxis

[Death1]

♕-SlawkA-♕ Попробовал, работает. Только фигня такаякнопка домашней страницы улетела в другую сторону он всех остальных. Есть мысли как это поправить?

[alexis]

Death1, а вы заанализируйте код внимательнее  

там в пятой строчке кода пропущено числовое значение: 

right: %;

а должно быть.... догадайтесь сами  

[Death1]

4 часа назад, alexxis сказал:

Death1, а вы заанализируйте код внимательнее  

там в пятой строчке кода пропущено числовое значение: 

right: %;

а должно быть.... догадайтесь сами  

Напиши пожалуйста код полностью как должно быть. Буду благодарен.

[Death1]

4 часа назад, alexxis сказал:

Death1, а вы заанализируйте код внимательнее  

там в пятой строчке кода пропущено числовое значение: 

right: %;

а должно быть.... догадайтесь сами  

Разобрался. Спасибо большое.

[doloto]

• этот плагин Back to top 1.0.5 был кривой! не было перевода стрелки на русский.
• вот выкладываю правленый установочник.
• после установки в языке ищем Back to top и переводим как - Вверх

так же вот ссылка на тему связаную с этим гумнецом)

 

BacktoTop (1).xml

[torcon]

Привет всем  Устанавливаю этот хук back to top 1.0.5 на IPS 4.2.8 в мобильной версии кнопка вверх появилась, в версии PC кнопки нет. Попробовал в Chrome в Яндекс Браузер. Нет кнопки вверх. Плагин Back to top включен. 

Не знаете он может не работает с версией 4.2.8?

[WOLF]

37 минут назад, torcon сказал:

Привет всем  Устанавливаю этот хук back to top 1.0.5 на IPS 4.2.8 в мобильной версии кнопка вверх появилась, в версии PC кнопки нет. Попробовал в Chrome в Яндекс Браузер. Нет кнопки вверх. Плагин Back to top включен. 

Не знаете он может не работает с версией 4.2.8?

Кеш форума и браузера очищал?

[torcon]

Кеш форума очистил через тех поддержка. Браузера не чистил. Просто нажал ctrl+f5 и зашел с нескольких других браузеров. Кнопки нет.

[WOLF]

23 минуты назад, torcon сказал:

Кеш форума очистил через тех поддержка. Браузера не чистил. Просто нажал ctrl+f5 и зашел с нескольких других браузеров. Кнопки нет.

На дефолтовом стиле как?

[torcon]

А я на нем и сижу. Главное в мобильном показывает а в pc версии нет. 

[SlawkA]

8 минут назад, torcon сказал:

А я на нем и сижу. Главное в мобильном показывает а в pc версии нет. 

а ссылочку можно на сайт где не работает? я так понимаю дисней.ком это не Ваш сайт

[torcon]

В общем поставил Backtotop - кнопка не появляется. 

поставил другой плагин Scroll to top появилась но убогая, статичная и влияет на поиск google. 

Поставил в ручную код в Global Header и Custom CCS - кнопка не появилась. 

Похоже что с 4.2.8 проблема, не написали под эту версию еще нормальных кнопок вверх. Если у кого 4.2.8 и выше, и удалось поставить кнопку вверх, сообщите плиз не в службу а в дружбу.  

[Zero108]

У меня работает: (IPSViet) Scroll to top https://ipsviet.com/topic/59493-ipsviet-scroll-to-top/