Jump to content

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

Featured Replies

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

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

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

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

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

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

comment_97066

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

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

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

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

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

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

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

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

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

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

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

нашёл сам

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

  • 2 месяца спустя...
  • 7 месяцев спустя...
comment_113215
6 минут назад, KisankA сказал:

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

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

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

не поняла..

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

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

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

вам подойдет эта тема:

 

comment_113233
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>

 

comment_113237
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>

 

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

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.