Jump to content

Как сделать стрелку в верх

Featured Replies

Скажите пожалуйста, как сделать такое.
post-24080-0-75658300-1416701491_thumb.p

Edited by Boar

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/
Share on other sites

присоеденяюсь

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=74598
Share on other sites

присоеденяюсь

Присоединяйтесь к тем, кто пользуется поиском

 

'?do=embed' frameborder='0' data-embedContent>>

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=74603
Share on other sites

Та кнопка не работает.. ошибка какая-то 

 

index.php:254 Uncaught ReferenceError: jQuery is not defined
index.php:606 Uncaught TypeError: Cannot set property 'modPerms' of undefined
 
<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>");
 
 
Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=74607
Share on other sites

Сделал себе, все появилось кроме стрелки. Че делать?  :) 

 

post-23889-0-79805800-1416734914_thumb.j

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=74611
Share on other sites

Сделал себе, все появилось кроме стрелки. Че делать?  :)

Найти картинку и загрузить к себе. У Вас в коде.

background: url(__typicall-cs.ru/totop.png) top no-repeat;
Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=74612
Share on other sites

Сделал себе, все появилось кроме стрелки. Че делать?  :) 

 

 

Подскажи какой код и куда вставлял.. 

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=74613
Share on other sites

Absurd
В globalTeaple (Шаблоны) перед тегом </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 }, 600);
            return false;
        });
    });0
</script>



Потом я вставил в (CSS) ipb_styles.css, в самый низ - этот код

.scrolltotop {
	display:none;
	position:fixed;
	width:3%;
	top:0;
	left:0;
	height:100%
	;z-index:9000;
	cursor:pointer
}

.scrolltotop__side {
	position:fixed;
	width:3%;
	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:3%;
	height:100%;
	top:50px;
	left:0;
	background:url(__typicall-cs.ru/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
}


После этого вставил код в IncludeJS (Шаблоны) в самый низ

<script type="text/javascript" src='__code.jquery.com/jquery-1.10.1.min.js'></script>
<script type="text/javascript">
  $.noConflict();
</script>

Edited by Zyablik

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=74614
Share on other sites
  • 3 месяца спустя...

Как сделать что бы фон был белый? под стрелочкой.

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=82641
Share on other sites

Как сделать что бы фон был белый? под стрелочкой.

Найти

.scrolltotop__side {
	position:fixed;
	width:3%;
	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__side {
	position:fixed;
	width:3%;
	height:100%;
	top:0;
	left:0;
	background: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0.2);
	-moz-opacity:0.1;
	-khtml-opacity:0.1;
	
}
Итог:

post-2770-0-62443100-1425811443_thumb.pn

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=82642
Share on other sites

А как сделать такую же только с другой стороны и что бы она была вниз форума?

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=82647
Share on other sites

HooLIGUN, cпасибо.

 

Graphiti22, в право наверно left на right поменять. Кстати да - там лучше, ибо справа в браузерах скроллинг и многие привыкли справа.

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=82827
Share on other sites
  • 2 years later...
В 23.11.2014 в 13:27, Zyablik сказал:

Absurd
В globalTeaple (Шаблоны) перед тегом </head> вставить код 

 

Скрытый контент



Потом я вставил в (CSS) ipb_styles.css, в самый низ - этот код

 

Скрытый контент


После этого вставил код в IncludeJS (Шаблоны) в самый низ

 

Скрытый контент

 

Сделал все четко по инструкции не появилось ничего!... кеш обновлял и чистил! кто поможет?

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=137784
Share on other sites

Все работает, проверяйте на дефолтовом этот метод, скорее всего скрипты конфликтуют 

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=137786
Share on other sites
  • 2 месяца спустя...
В 23.11.2014 в 14:39, Absurd сказал:

 

 

Подскажи какой код и куда вставлял.. 

Ответ вы найдёте по этой ссылкиhttps://agrovid.com

Link to comment
https://ipbmafia.ru/topic/9728-kak-sdelat-strelku-v-verh/?&do=findComment&comment=141417
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
Ответить в этой теме...

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

  • No registered users viewing this page.