кнопка вверх

Posted 10 июля, 20159 yr

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

Цитата

10 июля, 20159 yr

Что?

Цитата

10 июля, 20159 yr

Что?

:99:

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

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

Цитата

10 июля, 20159 yr

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

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

Шаблоны -> 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;

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

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

Цитата

Septimus, Spray, Dreizehnt and 1 other
4

10 июля, 20159 yr

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

Back to Top.rar

Edited 10 июля, 20159 yr by Spray

Цитата

10 июля, 20159 yr

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

Цитата

29 октября, 20159 yr

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

Цитата

29 октября, 20159 yr

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

Цитата

24 апреля, 20168 yr

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

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

Back to Top.rar

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

Цитата

24 апреля, 20168 yr

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

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

Держи

Цитата

mistudioru
1

27 сентября, 20168 yr

В 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;
Переделываем под себя, т.е. вам нужно будет указать где у вас лежит изображение кнопки.

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

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

Цитата

8 мая, 20186 yr

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

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

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

Цитата

8 мая, 20186 yr

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

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

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

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

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

Цитата

8 мая, 20186 yr

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

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

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

Цитата

8 мая, 20186 yr

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

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

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

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

Цитата

8 мая, 20186 yr

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

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

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

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

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

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

Цитата

8 мая, 20186 yr

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

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

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

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

Цитата

8 мая, 20186 yr

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

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

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

Цитата

8 мая, 20186 yr

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

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

(SB) BacktoTop 1.0.5

(IPSViet) Scroll to top 1.0.0

Цитата

Sign In

кнопка вверх

Featured Replies

Join the conversation

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

Account

Navigation

Messages

Уведомления

Search