Перейти к содержанию

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


Boar

Рекомендуемые сообщения

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

Изменено пользователем 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>");
 
 
Ссылка на комментарий
Поделиться на другие сайты

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

 

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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>

Изменено пользователем Zyablik
Ссылка на комментарий
Поделиться на другие сайты

  • 3 месяца спустя...

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

Ссылка на комментарий
Поделиться на другие сайты

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

Найти

.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

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

HooLIGUN, cпасибо.

 

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

Ссылка на комментарий
Поделиться на другие сайты

  • 2 года спустя...
В 23.11.2014 в 13:27, Zyablik сказал:

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

 

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



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

 

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


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

 

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

 

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

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

  • 2 месяца спустя...
В 23.11.2014 в 14:39, Absurd сказал:

 

 

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

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...