MOD "Наверх" на jQuery

[VoVZiK13]

Название: MOD "Наверх" на jQuery
Описание: Принцип работы как "В Контакте" кнопочка изначально скрыта и появляется при прокрутке вниз, при нажатии происходит плавный скролинг вверх страницы. За основу взята стандартная кнопка которая присутствует в движке и размещается в конце каждого поста.
Версия: 0.1
Сложность установки: Легко
Время установки: ~5 мин.
Примечания: Установка мода описана для стиля prosilver и подойдёт для большинства стилей основанных на prosilver, на стиле subsilver2 не устанавливал.

Автор:
Username: VoVZiK!#
Email: vovzik13@mail.ru
Name: Владимир
WWW: http://ichiban-de.su

Файлы для редактирования:
\styles\prosilver\template\viewtopic_tracker_body.html
\styles\prosilver\template\viewtopic_body.html
\styles\prosilver\template\portal\block\ppkBB3cker_ltorrents.html
\styles\prosilver\template\overall_header.html
\styles\prosilver\theme\links.css

Открыть файл
\styles\prosilver\template\viewtopic_tracker_body.html

Найти и удалить

Код: Выделить всё

<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

Открыть файл
\styles\prosilver\template\viewtopic_body.html

Найти и удалить

Код: Выделить всё

<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

Открыть файл
\styles\prosilver\template\portal\block\ppkBB3cker_ltorrents.html

Найти и удалить

Код: Выделить всё

<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

Открыть файл
\styles\prosilver\theme\links.css

Найти

Код: Выделить всё

.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}

Заменить на:

Код: Выделить всё

.back2top {
	position: fixed;
	bottom: 5px;
	margin-left: -15px;
	left: 100%;
	z-index: 10;
}

Открыть файл
\styles\prosilver\template\overall_header.html

Найти

Код: Выделить всё

<a name="start_here"></a>

Перед добавить

Код: Выделить всё

	<div class="back2top"><a href="#wrap" class="top"></a></div>
<script>
$(document).ready(function(){
 
	// спрятать .back2top в начале
	$(".back2top").hide();
 
	// показать .back2top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 300) {
				$('.back2top').fadeIn();
			} else {
				$('.back2top').fadeOut();
			}
		});
 
		// прокрутить плавно тело документа к 0px при нажатии
		$('.back2top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 1000);
			return false;
		});
	});
 
});
</script>

Сохранить все файлы в UTF-8 (Без BOM) и закрыть.
Адм. Раздел -> Стили -> Шаблоны -> Обновить -> Темы -> Обновить.

Также в живую можно посмотреть на моём сайте.

[t4p2]

а для subsilver2 есть?