Скажите пожалуйста, как сделать такое.

Edited 23 ноября, 20149 yr by Boar

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

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

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

 

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

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

 

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>");

 

 

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

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

 

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

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

background: url(__typicall-cs.ru/totop.png) top no-repeat;

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

 

 

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

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 23 ноября, 20149 yr by Zyablik

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

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

Найти

.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;
	
}

Итог:

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

HooLIGUN, cпасибо.

 

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

В 23.11.2014 в 13:27, Zyablik сказал:

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

 

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

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

 

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

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

 

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

 

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

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

В 23.11.2014 в 14:39, Absurd сказал:

 

 

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

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