Кнопка вверх для сайта joomla 3
Кнопка ВВЕРХ- вернуться к началу страницы
Что такое кнопка возврата к началу страницы и для чего она нужна, думаю, объяснять не стоит. Наверняка, каждому из вас доводилось посещать такие сайты, где страница листается и листается, а когда наконец-то прочтешь ее до конца, то понимаешь, пролистать обратно вверху ну просто уже не реально и приходится закрывать сайт, потому что не нашлось элементарной кнопочки "Вверх" для удобства возврата к началу страницы. Не знаю как вас, а меня такие сайты заставляют их покидать и больше никогда не возвращаться. Мало того, что контент слишком уж больших объемов, так еще и обратно прокручивать - тратить драгоценное время. Поэтому рекомендую кнопочку волшебную для удобства пользования сайтом непременно установить и по возможности, сделать ее привлекательной и уникальной.
Так как в джумле стандартного плагина прокрутки страницы вверх не предусмотрено пока, возможно, эта функция будет добавлена в последующих версиях, но пока нам на помощь приходит сторонне расширение для Joomla 2.5/3 это плагин SmoothTop. Очень удобный и вполне себе приличный плагинчик, которым я пользуюсь с удовольствием и вам рекомендую.
Скачать архив с плагином можно внизу данной статьи. Как загружать на сайт расширения, вы уже прекрасно знаете, не раз мы это делали. Расширения - Менеджер расширений - выбираем нужный архив через "обзор" и загружаем.
После того, как плагин установится, перейдите к его настройкам: Расширения - менеджер плагинов - System - SmoothTop.
Откроете плагин и сделаете следующие настройки:
В правом блоке выбираем только состояние - включено, а основные настройки - в левом блоке плагина.
Если вы желаете, чтобы вместо кнопки на сайте отображалась тестовая ссылка, тогда пропишите нужный текст в строках: Текст ссылки и Заголовок ссылки, а название картинки непременно в коде в поле удалите ( не весь код, а только название картинки up-arrow-grey.gif):
Link Style
#smoothtop{ height:45px; width:45px; background:url(/plugins/system/smoothtop/images/up-arrow-grey.gif) center top no-repeat; } #smoothtop:hover{background-position: center bottom;}
Выберите положение:
Смещение кнопочки или ссылочки по вертикали и по горизонтали тоже можно настроить по своему усмотрению.
Если хотите, чтобы кнопка всегда находилась вверху, выберите: Вертикальная позиция - верх, если желаете, настройте низ, тогда кнопка будет всегда внизу и ее будет видно только при необходимости.
Можете выбрать эффект для перехода, настроите его в порядке экспериментов.
Если оставите для отображения картинку, то изображение при желании можно заменить. Для этого можно выбрать изображение из готовых или нарисовать свое собственное. Подробнее об этом смотрите в видео уроке.
Не забудьте все настройки сохранить и проверьте обязательность корректность настроек на сайте.
Все вопросы, связанные с данным уроком можно, как всегда задать на форуме. Создавайте новые темы для удобства. Пишите также комментарии, отзывы. Удачи всем и позитива побольше!
СКАЧАТЬ ПЛАГИН ВОЗВРАТА К НАЧАЛУ СТРАНИЦЫ
Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter
lessons-24.ru
Кнопка вверх Scroll to Top для Joomla 2.5/3.0
Подробности Категория: Плагины Joomla 2.5 Обновлено: 23 ноября 2014 Просмотров: 1738| Разработчик | Pham Minh Tuan |  |
| Версия расширения | 2.0.0 | |
| Совместимость |   |
|
| Дата создания | January 2012 | |
| Язык | Английский | |
| Демо | Scroll to Top | |
| Документация | Документация Scroll to Top |
Плагин Scroll to Top является системным плагином для Joomla версий 2.5 и 3.0, который добавляет кнопку "вернуться наверх" когда пользователь прокручивает страницу в низ и пропадает, когда пользователь в самом верху страницы. По моему мнению данная особенность необходима на каждом сайте, ведь это удобно и привыкнув к ней на большинстве сайтов, чувствуешь себя не комфортно если она отсутствует, рука так и тянется нажать кнопку "Вверх" и если ее нет, приходится крутить скролл или колесико мышки. В отличие от других сценариев, которые используют JQuery , этот плагин включает в себя профессиональный родной Mootools сценарий, который означает отсутствие конфликта яваскрипта на вашем сайте Joomla.
Так же плагин реализует кнопку "Ввверх" не только на страницах сайта, а так же в административной панели, что можно включить при желании. Пользователи также могут настроить фоновое изображение, цвета , положение, радиус границы, смещение и отступы кнопки.
Особенности:
- Совместимость с Joomla 2.5 и 3.0 .
- Удобность работы на сайте и административной панели.
- Настройка стиля кнопки "Вернуться в начало страницы". Вы можете выбрать или текст или значок.
- Поддержка фонового изображения с предварительным просмотром изображения.
- Продолжительность эффекта прокрутки.
- Цвета и положение легко настроить .
- Различные варианты для настройки смещения и рамок.
- Полностью настраиваемый и очень простой в установке.
- 30 эффектов перехода и прокрутки.
- Введите ваш пользовательский CSS , если вы хотите настроить кнопку на свой вкус.
ВНИМАНИЕ!!! В архиве 2 версии плагина для Joomla 2.5 и Joomla 3.x
Скачать Scroll to Top
JavaScript is currently disabled.Please enable it for a better experience of Jumi.Добавить комментарий
alekseygen.ru
Кнопка вверх Scroll to Top для Joomla 2.5/3.0
Подробности Категория: Плагины Joomla 3 Обновлено: 23 ноября 2014 Просмотров: 10138| Разработчик | Pham Minh Tuan | |
| Версия расширения | 2.0.0 | |
| Совместимость | |
|
| Дата создания | January 2012 | |
| Язык | Английский | |
| Демо | Scroll to Top | |
| Документация | Документация Scroll to Top |
Плагин Scroll to Top является системным плагином для Joomla версий 2.5 и 3.0, который добавляет кнопку "вернуться наверх" когда пользователь прокручивает страницу в низ и пропадает, когда пользователь в самом верху страницы. По моему мнению данная особенность необходима на каждом сайте, ведь это удобно и привыкнув к ней на большинстве сайтов, чувствуешь себя не комфортно если она отсутствует, рука так и тянется нажать кнопку "Вверх" и если ее нет, приходится крутить скролл или колесико мышки. В отличие от других сценариев, которые используют JQuery , этот плагин включает в себя профессиональный родной Mootools сценарий, который означает отсутствие конфликта яваскрипта на вашем сайте Joomla.
Так же плагин реализует кнопку "Ввверх" не только на страницах сайта, а так же в административной панели, что можно включить при желании. Пользователи также могут настроить фоновое изображение, цвета , положение, радиус границы, смещение и отступы кнопки.
Особенности:
- Совместимость с Joomla 2.5 и 3.0 .
- Удобность работы на сайте и административной панели.
- Настройка стиля кнопки "Вернуться в начало страницы". Вы можете выбрать или текст или значок.
- Поддержка фонового изображения с предварительным просмотром изображения.
- Продолжительность эффекта прокрутки.
- Цвета и положение легко настроить .
- Различные варианты для настройки смещения и рамок.
- Полностью настраиваемый и очень простой в установке.
- 30 эффектов перехода и прокрутки.
- Введите ваш пользовательский CSS , если вы хотите настроить кнопку на свой вкус.
ВНИМАНИЕ!!! В архиве 2 версии плагина для Joomla 2.5 и Joomla 3.x
Скачать Scroll to Top
JavaScript is currently disabled.Please enable it for a better experience of Jumi.Добавить комментарий
alekseygen.ru
Кнопка Вверх для Joomla
Здравствуйте, уважаемые читатели! Этот пост посвящен небольшому плагину Top of the Page, предназначенному для создания в Joomla кнопки Вверх, которая позволяет быстро и эффектно прокрутить страницу в начало.
Кнопка Вверх прекрасно подойдет для сайтов с большим объемом контента на страницах. Читателю не нужно будет каждый раз использовать колесик мышки — один клик, и страница плавно возвращается к своему начало. Казалось бы пустяк, но из таких мелочей складывается общее впечатление о сайте.
Многие косо смотрят на такого рода необязательные расширения, которые добавляют лишний код и несколько замедляют скорость загрузки страниц. Этого отрицать нельзя, но не стоит забывать и о пользователях. Ведь им станет гораздо удобнее пользоваться вашем сайтом.
Плагин Top of the Page
Скачать последнюю версию плагина можно с сайта разработчиков. Полученный архив распаковывать не надо. Заметьте, Top of the Page предназначен для Joomla 2.5, на более старых версиях работу плагина не проверял.
Как и любое расширение, данный плагин устанавливается через Менеджер Расширений Joomla:
- нажимаем «Обзор»;
- выбираем на своем компьютере скаченный ранее архив;
- жмем «Загрузить и установить».
Загрузка пройдет автоматически. Следующим шагом будет активация плагина. Для этого переходим в Менеджер Плагинов, находим в списке Top of the Page и изменяем его состояние на «включено».
Теперь можно приступать к его настройке. Для этого нажмите на «Top of the Page» в том же Менеджере Плагинов. Все опции сосредоточены справа в разделе «Основные параметры».
- Run in /administrator — кнопка Вверх появится не только на страницах сайта, но и в панели управления Joomla.
- Button Reveal Position — насколько пользователю следует прокрутить страницу вниз до появления кнопки Вверх.
- Omit Button Text — убирает текст с кнопки.
- Always at Top — страница всегда будет отображаться сначала. Если вы используете якоря, позволяющие прокрутить страницу к определенному месту, то данную опцию включать не стоит.
- Smooth Scroll — плавная прокрутка. Настоятельно рекомендую включить — смотрится очень эффектно. Ниже идут опции для настройки прокрутки.
- Scroll Duration — временной интервал, за который страница прокручивается к началу. Измеряется в миллисекундах (1000 = 1 секунда).
- Scroll Transition — выбираем визуальный эффект для прокрутки страницы.
- Transition Easing — ослабление прокрутки.
- Link Location — расположение кнопки. Стандартно используют положение справа снизу (bottom right).
- Use Styles — если поставить «Да», то будет использоваться стиль, заданный ниже; «Нет» — стиль будет браться из активной темы Joomla.
- Link Style — стиль для визуального оформления.
Конечно, чтобы настроить стиль кнопки, нужно знать хотя бы основы CSS. Для этого советую ознакомится с небольшим бесплатным пособием по основам CSS, которое можно получить совершенно бесплатно.
По умолчанию на кнопке используется надпись «Return to Top». На русском сайте подобный текст бросается в глаза, поэтому его следует заметь. Для этого заходим на сервер, используя ftp клиент FileZilla, переходим в директорию /administrator/language/en-GB/ и открываем на редактирование en-GB.plg_system_topofthepage.ini.
Прежде всего следует изменить кодировку документа на UTF-8, чтобы русские слова не превратились в иероглифы. Далее находим строчку:
| PLG_SYS_TOPOFTHEPAGE_GOTOTOP="Return to Top" |
и меняем «Return to Top» на более подходящий текст. Например, «Вверх!» или «В начало!». Сохраняем файл и любуемся результатом.
На этом же моя статья подошла к концу. Спасибо за внимание и до скорых встреч!
Лучший способ выразить благодарность автору - поделиться с друзьями!
Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:
Следите за обновлениями в Twitter и RSS.
fairheart.ru
