Главная » Функционал » Нестандартные решения » Как установить кнопку «Вверх» на uCoz

Как установить кнопку «Вверх» на uCoz

21.01.2012 в 21:26
Автор: Antonij   




Вот такая кнопочка (вы можете видеть её в правом нижнем углу моего сайта, когда прокрутите страницу вниз), я считаю, должна быть на каждом сайте! Ещё бы, она так облегчает просмотр длинных страниц – не надо крутить страницу опять вверх, чтобы вернуться к меню, а нажал на кнопочку и – ты уже в начале страницы! К тому же это так красиво – страница красиво и плавно проматывается вверх, приятно смотреть (кроме Оперы – в ней просто моментально возвращается наверх).

Итак, для установки сначала скачайте вот этот архив (1,70 Кб). На своём сайте открываем Файловый менеджер, в нём создаём папку, называем, например «top»,



Открываем эту папку и в неё заливаем файлы из распакованного архива.



Далее в Панели Управления идём в Управление дизайном и кликаем в Нижнюю часть сайта.



Здесь в самый верх вставляем вот этот код:
Code
<a href="#" id="toTop">Вверх <img src="/top/to_top.gif" border="0" align="absmiddle" /></a>  <script src="/top/jquery.scroll.pack.js" type="text/javascript"></script>  <script type="text/javascript">  $(function() {  $("#toTop").scrollToTop();  });  </script>

Далее идём в Управление дизайном сайта, и затем в Таблицу стилей (CSS).



Здесь в самый верх вставляем вот этот код:
Code
/* === jQ TOP === */  #toTop {  width: 100px;  background: #f1f1f1;  border: 1px solid #cccccc;  text-align: center;  padding: 5px;  position: fixed;  bottom: 10px;  right: 10px;  cursor: pointer;  color: #666666;  text-decoration: none;  }  /* =============== */

Всё, открывайте свой сайт и любуйтесь кнопочкой! ;-)

top button, кнопка вверх, Вверх


Прикреплённый файл: 158_vverh.rar (1.7 Kb)

Рейтинг: 50  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 14212          Комментариев:

Похожие инструкции