Jump to content

кнопка вверх

Kasper55
Kasper55
in Invision Community 4 Support

Featured Replies

comment_90387

 

Что?

:D:D:99:

Если ли такая же кнопка как у вас ?

 Плагин называется Back To Top

  • Цитата
    comment_90391

    Вон оно что, кнопка нужна, ну если именно такую как на мафии, то вот:

    Идём в свой шаблон и переходим по пути:

    Шаблоны -> core -> front -> global -> globalTemplate

    Ищем закрывающийся тег </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 и в custom.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(http://путь_до_своей_кнопки/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
}

    Строку:

    background:url(http://путь_до_своей_кнопки/totop.png) top no-repeat;

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

    Саму картинку-стрелку можно вытащить на мафии.

  • Цитата
    comment_90392

    Ну можно и так! я плагин поставил, он удобней и ничего править не надо

    Back to Top.rar

     

    1.png

    Edited by Spray

  • Цитата
    comment_90398

    Кому как, мне наоборот проще перетянуть мышь влево до упора в произвольное место, чем попадать по кнопке.

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

    Такая как на Мафии юзается в вк, в наше время это почти центр русских интернетов, и многие, кто сидит на вк привыкли именно к такой кнопке.
    Пожалуй, заберу и себе. :)

  • Цитата
    • 5 месяцев спустя...
    comment_105740
    В 10 июля 2015 г. в 23:39, Spray сказал:

    Ну можно и так! я плагин поставил, он удобней и ничего править не надо

    Back to Top.rar

    Не могу скачать ваш плагин! Перезалить есть возможность?

  • Цитата
    comment_105742
    10 минут назад, mistudioru сказал:

    Не могу скачать ваш плагин! Перезалить есть возможность?

    Держи 

     

  • Цитата
    • 5 месяцев спустя...
    comment_112829
    В 10.07.2015 в 23:34, Fateswhisper сказал:

    Вон оно что, кнопка нужна, ну если именно такую как на мафии, то вот:

    Идём в свой шаблон и переходим по пути:

    Шаблоны -> core -> front -> global -> globalTemplate

    Ищем закрывающийся тег </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 и в custom.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(http://путь_до_своей_кнопки/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
}

    Строку: 

    
background:url(http://путь_до_своей_кнопки/totop.png) top no-repeat;

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

    Саму картинку-стрелку можно вытащить на мафии.

    Ой спасибо, вроде всё просто, но я из..мучался)) и то что пробовал прикрутить видимо не подходило под форум) Работает, красота)

  • Цитата
    • 1 year later...
    comment_147223

    Подниму старую тему...

    Решение с кодом который предложен выше.

    Почему-то не работает на стандартной теме. Просто ничего не поменялось. При этом на другой теме все "ок". Есть идеи что может быть и где искать причину?

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

    Подниму старую тему...

    Решение с кодом который предложен выше.

    Почему-то не работает на стандартной теме. Просто ничего не поменялось. При этом на другой теме все "ок". Есть идеи что может быть и где искать причину?

    конфликт кодов, либо что-то не так в css тут на кофейной гуще не гадают 

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

    конфликт кодов, либо что-то не так в css тут на кофейной гуще не гадают 

    Я понимаю что не гадают. Но какую инфу предоставить тоже не особо понимаю

  • Цитата
    comment_147227
    Только что, vogetel сказал:

    Я понимаю что не гадают. Но какую инфу предоставить тоже не особо понимаю

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

    + не понятно, почему люди ищут на свою жопу гемморой когда есть плагины

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

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

    + не понятно, почему люди ищут на свою жопу гемморой когда есть плагины

    К сожалению ссылку дать не могу.

    А единственный плагин который заработал - BacktoTop 1.0.5 - криво выводит кнопку вверх. Не по центру, отображается совсем не очень.

    Ладно, спасибо за отклик :)

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

    К сожалению ссылку дать не могу.

    ну да, РКН еще заблочит или мало ли, мы решим взломать его, ух

    ладно, ищите, этих плагинов куча и есть довольно симпотичные аж с выбором цвета

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

    ладно, ищите, этих плагинов куча и есть довольно симпотичные аж с выбором цвета

     А можно ссылочку или названия? Искал и ставил несколько штук. Заработал только тот что выше указал

  • Цитата
    comment_147234
    7 минут назад, vogetel сказал:

     А можно ссылочку или названия? Искал и ставил несколько штук. Заработал только тот что выше указал

    (SB) BacktoTop 1.0.5

    (IPSViet) Scroll to top 1.0.0

  • Цитата

    • 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.