Jump to content

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

hottabychmorsby
in Themes and design Invision Community 4

Featured Replies

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

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

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

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

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

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

  • Цитата

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

  • Цитата
    • Author
    1 час назад, andros0789 сказал:

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

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

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

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

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

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

    нашёл сам

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

  • Цитата
    • 2 месяца спустя...
    • 7 месяцев спустя...

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

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

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

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

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

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

    не поняла..

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

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

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

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

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

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

  • Цитата
    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>

     

  • Цитата
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.