кнопка вверх

[Kasper55]

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

[Fateswhisper]

Что?

[Spray]

 

Что?

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

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

[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;

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

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

[Spray]

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

Back to Top.rar

 

Изменено 10 июля, 2015 пользователем Spray

[Fateswhisper]

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

[Septimus]

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

[mistudioru]

Да есть плагин "Smooth Scroller" 

[mistudioru]

В 10 июля 2015 г. в 23:39, Spray сказал:

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

Back to Top.rar

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

[ro-avde]

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

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

Держи 

 

[Dreizehnt]

В 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;

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

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

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

[vogetel]

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

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

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

[WOLF]

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

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

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

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

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

[vogetel]

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

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

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

[WOLF]

Только что, vogetel сказал:

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

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

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

[vogetel]

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

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

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

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

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

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

[WOLF]

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

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

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

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

[vogetel]

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

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

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

[WOLF]

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

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

(SB) BacktoTop 1.0.5

(IPSViet) Scroll to top 1.0.0