Jump to content

(SB) BacktoTop 1.0.5


rustav

Recommended Posts

(SB) BacktoTop 1.0.5


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


  • Добавил
  • Добавлено
    27.03.2016
  • Категория
  • Язык
    Язык: Английский
Link to comment
Share on other sites

  • 1 month later...

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

Скриншоты:

Спойлер

345345.PNG65456.PNG

Сам код.

Спойлер

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

dovolen2.gif

Link to comment
Share on other sites

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

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

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

 

Link to comment
Share on other sites

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

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

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

Скриншоты:

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

345345.PNG65456.PNG

Сам код.

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


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

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

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

Link to comment
Share on other sites

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

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

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

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

 

Edited by alexxis
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

right: %;

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

Link to comment
Share on other sites

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

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

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


right: %;

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

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

Link to comment
Share on other sites

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

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

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


right: %;

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

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

Link to comment
Share on other sites

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

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

 

BacktoTop (1).xml

Link to comment
Share on other sites

  • 1 month later...

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...