Slide-Down – Box Menu – анимированное выпадающее меню

    Модуль Joomla! Совместимость Joomla!
Оцените материал
(1 Голосовать)
Slide-Down – Box Menu – анимированное выпадающее меню
 Автор: Jextensions
 Версия: 1.0
 Лицензия: GNU/GPL
 Прочитано: 3669 раз
 Скачиваний: 858

 Когда обзаводишься новым шаблоном, периодически хочется дополнить его каким-то необычным элементом, ведь все разделы с красочной анимацией, и каждого есть своя «фишка», а вот меню – самая скучная часть. Но, используя разработку JExtensions, можно очень здорово переработать данный блок, просто используя удобный модуль. Такое необычное Joomla выпадающее меню, обладает невероятно красивой анимацией, может использовать отдельные картинки для каждого пункта, к тому же, поддерживает разработку меню в 2 уровня. Само собой, у столь продвинутого решения есть свои особенности, которые нужно уметь настраивать, а потому здесь вы сможете узнать все необходимое, поскольку обзавестись таким решениям было бы очень неплохо.

 

Процесс настройки

 С непосредственной загрузкой и установкой, у львиной доли пользователей, на сегодня проблем уже не возникает. Не спешите публиковать модуль, пока вы полностью не разберетесь с настройками. Обязательно обратите внимание на то, стоит ли активировать (загружать) JQuery, поскольку этот пункт мог быть выполнен, во время установки другого дополнения. Второй момент – это выбор ширины модуля, ведь шаблоны сейчас используют разные параметры, так что вы сможете без проблем подогнать ширину будущего меню, какой бы размер вам не был нужен. Следующий шаг самый важный – это определение количества пунктов, которые вы будете использовать в качестве элементов первого уровня. То есть, если ваше стандартное меню имеет 5 пунктов, нужно будет внедрить их сюда, и чтобы это смотрелось идеально. Стоит отметить, что наиболее подходящий вариант, который имеет шансы красиво смотреться, должен иметь 5-7 пунктов меню первого уровня, при другом раскладе, все может быть не столь хорошо в плане внешнего вида. Хотя это решение уже исключительно ваше.

«Далее настройка уже переходит в дизайнерскую область. Переходя в менеджер меню, можно будет создавать новые пункты, прикреплять к ним изображения и прочее. Все это находится в «Link Type Options», где вы еще сможете давать имя новому пункту. После этого, просто сохраните его, и можете повторять операция снова – называем, прикрепляем картинку, и выполняем сохранение для следующего пункта. Таким образом, сделать меню Joomla будет очень просто, а его конечный вид приятно порадует абсолютно каждого. Как и говорилось выше, в каждом пункте могут появиться подпункты, но более чем 2-х уровневое меню этот модуль не поддерживает. Тем не менее, и без того это идеальный вариант для яркого сайта».

Итоговый вид меню

 После полноценной настройки, вы сможете увидеть широкое, если вы задали правильный параметр ширины, меню. При наведении на пункт, вверх будет взмывать картинка, используя плавную анимацию, и открываться сам пункт и все подпункты. Кстати, если убрать курсор с него, но картинка резко уменьшится и уйдет «вглубь» самого пункта, хотя это лучше увидеть самостоятельно. Работает модуль очень живо, а потому не смотря на его особый формат, вы не будете испытывать замедлений в навигации. Это необычное меню сайта Joomla уж точно сможет заинтересовать посетителей, даже если они никогда не обращали внимания на эту часть проектов, им захочется слегка поиграть с интересным элементом. Как видите, настройка в данном случае не такая уж и сложная, а дальнейшая эксплуатация реально принесет вам удовольствие. В планах у разработчика сделать более тонкую настройку, избавиться от небольшой привязки к количеству пунктов, чтобы в любом формате это меню смотрелось идеальном, а также, будет обязательно повышено количество поддерживаемых уровней. Хотелось бы отметить еще и то, что уже сейчас данная разработка может использовать вами, если вы имеете проект на основе Joomla 2.5.

Демо
Предыдущие: Fullscreen Background Image Gallery – новый формат галереи изображений
Следующие: Fly – Out Menu – простой модуль меню Joomla 3

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


Защитный код
Обновить

© Joomru.com - бесплатные шаблоны joomla и расширения
Наверх