Jump to content
rustav

(SB) BacktoTop 1.0.5

Recommended Posts

(SB) BacktoTop 1.0.5


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


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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
43 минут назад, Death1 сказал:

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

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

Share this post


Link to post
Share on other sites
1 минуту назад, Redneck сказал:

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

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

Share this post


Link to post
Share on other sites
Только что, Death1 сказал:

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

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

Share this post


Link to post
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);

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

Share this post


Link to post
Share on other sites
10 часов назад, Death1 сказал:

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

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

Share this post


Link to post
Share on other sites
5 часов назад, ArcheR_AWG сказал:

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

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

dovolen2.gif

Share this post


Link to post
Share on other sites
17 часов назад, Death1 сказал:

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

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

 

Share this post


Link to post
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);

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

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

Share this post


Link to post
Share on other sites
В 05.05.2016 в 04:50, ♕-SlawkA-♕ сказал:

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

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

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

 

Edited by alexxis

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

right: %;

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

Share this post


Link to post
Share on other sites
4 часа назад, alexxis сказал:

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

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

right: %;

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

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

Share this post


Link to post
Share on other sites
4 часа назад, alexxis сказал:

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

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

right: %;

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

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

Share this post


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

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

 

BacktoTop (1).xml

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
37 минут назад, torcon сказал:

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
23 минуты назад, torcon сказал:

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

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

Share this post


Link to post
Share on other sites
8 минут назад, torcon сказал:

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×