Jump to content

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


 Share

Recommended Posts

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

Может она не во всех браузерах видна. У меня в мозилле видна.

Я предполагаю ТС имел ввиду, где взять такую же как на ipbmafia.ru кнопку под свой форум.

Link to comment
Share on other sites

6 минут назад, woloss сказал:

Я предполагаю ТС имел ввиду, где взять такую же как на ipbmafia.ru кнопку под свой форум.

Это может даже самодельное что-то, я на сайте IPS такой не видел.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

17 минут назад, hottabychmorsby сказал:

Извиняюсь  какой файл править

Все в GlobalTemplate кроме стилей, стили в css/custom

Link to comment
Share on other sites

1 час назад, andros0789 сказал:

(изображение прикрепил к комменту)

эм что то я не нашёл)

И еще последний вопрос) ширина изменяется как?)

6 минут назад, hottabychmorsby сказал:

эм что то я не нашёл)

И еще последний вопрос) ширина изменяется как?)

нашёл сам

 .scrolltotop__side {
     position: fixed;
     width: 3%;

Link to comment
Share on other sites

  • 2 months later...
  • 7 months later...

Здравствуйте, подскажите почему у меня не работает эта кнопка? Вроде всё правильно установила.. homyak55.ru/forum

Link to comment
Share on other sites

6 минут назад, KisankA сказал:

Здравствуйте, подскажите почему у меня не работает эта кнопка? Вроде всё правильно установила.. homyak55.ru/forum

вы смотрели в каком разделе находится тема? 

Link to comment
Share on other sites

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

вы смотрели в каком разделе находится тема? 

не поняла..

Link to comment
Share on other sites

13 минут назад, KisankA сказал:

не поняла..

тема для 4.х.х у вас форум версии 3.4.х, хотя скорее 3.3.х 

Link to comment
Share on other sites

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

тема для 4.х.х у вас форум версии 3.4.х, хотя скорее 3.3.х 

ясно, спасибо за ответ)

Link to comment
Share on other sites

3 минуты назад, rustav сказал:

KisankA, тогда ищи в сети. Старые файлы по большей части потеряны.

Хорошо, поищу или буду думать как обновиться)

Link to comment
Share on other sites

9 часов назад, KisankA сказал:

Здравствуйте, подскажите почему у меня не работает эта кнопка? Вроде всё правильно установила.. homyak55.ru/forum

Удалите старий backtop :

<a rel="nofollow" href="#top" id="backtotop" title="Наверх"><img src="http://homyak55.ru/forum/public/style_images/tea/top.png" alt=""></a>

 

Link to comment
Share on other sites

1 час назад, Silence сказал:

Удалите старий backtop :

<a rel="nofollow" href="#top" id="backtotop" title="Наверх"><img src="http://homyak55.ru/forum/public/style_images/tea/top.png" alt=""></a>

 

Спасибо, не помогло((

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.

 Share

  • Recently Browsing   0 members

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