Jump to content

Кнопка вверх как ipbmafia.ru

Featured Replies

comment_143594
8 часов назад, Septimus сказал:

По-моему,  начиная  с версии 4.2 неактуально 

наверное

  • 4 years later...
comment_183459
В 06.12.2015 в 17:05, andros0789 сказал:

Это перед </body>

<div class="scrolltotop" style="display: block;">
  <div class="scrolltotop__side"></div>
  <div class="scrolltotop__arrow"></div>
</div>

А это перед </head>

<script type="text/javascript">
   jQuery(document).ready(function(){
			   jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");
          jQuery(window).scroll(function(){
            if (jQuery(this).scrollTop() > 350) {
                   jQuery('.scrolltotop').fadeIn();
            } else {
                   jQuery('.scrolltotop').fadeOut();
            }
        });
           jQuery('.scrolltotop').click(function(){
              jQuery("html, body").animate({ scrollTop: 0 }, 50);
            return false;
        });
    });0
</script>

Это в ваш стиль custom (изображение прикрепил к комменту)

.scrolltotop {
     display: none;
     position: fixed;
     width: 7%;
     top: 0;
     left: 0;
     height: 100%;
     z-index: 9000;
     cursor: pointer
 }
 .ipsTooltip a:hover {
     color: #fff;
     text-decoration: none;
     border-bottom: 0
 }
 .scrolltotop__side {
     position: fixed;
     width: 7%;
     height: 100%;
     top: 0;
     left: 0;
     background: black;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0.2);
     -moz-opacity: 0.1;
     -khtml-opacity: 0.1;
     opacity: 0.1
 }
 .scrolltotop__arrow {
     position: fixed;
     width: 7%;
     height: 100%;
     top: 50px;
     left: 0;
     background: url(/uploads/totop.png) top no-repeat;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
     filter: alpha(opacity=0.4);
     -moz-opacity: 0.4;
     -khtml-opacity: 0.4;
     opacity: 0.4
 }

 

totop.png

Ерунда получилось, просто темная полоса с левой стороны, на всю страницу.

Почему так?

 

 

updown.png

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

потому что 2015 год и раньше было так.

Я тебя понял.

А как в 2022, осуществить такую кнопку как здесь, не подскажешь?

comment_183465
19 минут назад, by_ix сказал:

Установил плагин, кнопка появилась. Но она квадратная.

И изменить ее не получается.(

Вот у меня вот эта стоит, но почему изменить ее не могу.(

https://ipbmafia.ru/files/file/1689-sb-backtotop-105/

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

Установил плагин, кнопка появилась. Но она квадратная.

И изменить ее не получается.(

Вот у меня вот эта стоит, но почему изменить ее не могу.(

https://ipbmafia.ru/files/file/1689-sb-backtotop-105/

И файл который ты прикрепил, скачать нельзя.)

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

почему?

Не знаю, прописываю коды кнопки в custom, коды пишу такие же как на ipb кнопке, только цвета ставлю свои.

Изменения не происходят.

То-есть ни цвет, не форма кнопки, ни задний фон, ничего не меняется. Остается как и была при установке плагина.

comment_183474
52 минуты назад, by_ix сказал:

Anche не надо в кастом ничего прописывать.
globaltop.css в поиск css.
и классу .back-to-top добавьте border-radius: 30px;.

Спасибо, а на мобильной версии, в каком шаблоне исправлять?

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
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.