Кнопка наверх для Joomla 2.5-3

Кнопка наверх для Joomla 2.5-3

3424234324

В последнее время почти на каждом сайте при прокрутки достаточно длинной страницы появляется снизу стрелочка наверх, нажав на которую, пользователь быстро переходит к началу страницу. Данная плюшка делает сайт более удобным и красивым, поэтому просто необходима любому сайту.

Представляю вашему вниманию модуль кнопки наверх для Joomla 2.5 и 3 собственного производства. Устанавливается модуль как обычно - через менеджер расширений, а после установки вам будут доступны следующие настройки.

Скриншоты:
1 2

Отступ прокрутки (px) - Здесь необходимо выставить через сколько пикселей после прокрутки страницы должна появиться кнопка наверх
Картинка кнопки - Здесь необходимо выбрать картинку кнопки (на выбор загрузил 5 картинок)
Стиль кнопки - css правила кнопки наверх, которые вы можете поменять как угодно.

Скачать модуль кнопки наверх для Joomla 2.5-3

Таким образом, кнопка появляется только в том случае, если вы пролистнете сраницу на число пикселей указанное в поле "Отступ прокрутки (px)". А при нажатии кнопки "Наверх" произойдет плавная прокрутка к верху страницы.

Модуль требует в шаблоне библиотеку JQuery - обычно всегда она включена в шаблоне. Но если ее нет каким-то чудом - то пропишите внутри тегов <head></head> вашего шаблона: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Сам модуль я рекомендую устанавливать сразу после тега <body>, чтобы никакие блоки не перекрывали кнопку (несмотря на z-index).

Желаю успешной установки! Если модуль понравится, то ставьте мне +1 к карме ))

| | Кнопка наверх для Joomla 2.5-3 | В последнее время почти на каждом сайте при прокрутки достаточно длинной страницы появляется снизу стрелочка наверх, нажав на которую, пользователь бы | http://blogprogram.ru/wp-content/uploads/2015/11/3424234324-131x131.png

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>