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

ФОРУМ Игромания и киномания – сообщество пользователей игрового портала Igromen.Do.Am.
Форум - это место, где можно обсудить игровые новости и обновления, задать вопросы, разместить объявления и сообщения, дать объявления о предоставляемых вами услугах, поделиться полезной информацией и способами, вступить в команду портала (на должности модератора, журналиста), а также найти себе друзей и товарищей для общения и совместного времяпровождения в играх.
Все действия (общение и размещение информации) регламентируются правилами форума.

ТОП-5 по сообщениям

Димон

754

ТОП-5 по репутации

754

Страница 1 из 1
1

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

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

02.11.2012 в 20:35

Димон

Администраторы

/.s/a/38/496767602.png

Менеджер проекта

Статус:

Online

Регистрация:

07.10.2012

Сообщения:

754

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

Итак, для установки сначала скачайте вот этот архив (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; } /* =============== */

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

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

Страница 1 из 1
1

О портале Igromen.Do.Am

Контакты

В помощь пользователям