Не всегда я предлагаю скачать что либо читателям с данного сайта. Но данная запись предложит вам скачать и установить к себе на сайт очень хороший и многофункциональный модуль для меню.
Называется данный модуль JUX Mega Menu.
Восхвалять его возможности можно до бесконечности. В общем смотрите сами:
Мега меню joomla
Как то встретил я на одном сайте меню, где при наведении мышкой на пункт Войти, выпадало окно авторизации на сайте, через расширение SLogin. Меня удивила данная возможность, так как мне нужно было такое же решение для нескольких моих веб-проектов. Я зарегестрировался на том сайте после чего понял, что пункт меню при наведении на него мышкой, выводит модуль слогина.
Меня заинтересовала данная возможность и я начал поиск в интернете. Но долго мои поиски по данному вопросу заканчивались только написаниями кода, как реализовать данную возможность. Естественно, терять время на написание кода в мои планы не входило. Но случилось чудо и я наткнулся на сайт JoomlaUX-разработчиков расширений для джумлы.
Оказалось модуль платный и цена его не много ни мало - 15 буржуйских евриков.
Но нашлись Добрые Люди которые поделились данным модулем, к которым хочу присоединиться и Я, и так же поделиться с вами данным модулем.
Как демо версию, я специально поставил ниже данный модуль, чтобы Вы смогли наглядно посмотреть на его возможности:
Данный пример - это горизонтальное отображение меню, но в настройках доступен выбор и вертикального расположения.
Возможности данного меню, которые все как один относятся к плюсовым характеристикам:
- Он лёгкий и очень шустрый;
- Множество настроек как в модуле, так и в пункте меню;
- Выбор горизонтального или вертикального отображения;
- При прокручивании страницы, меню может залипать вверху или внизу экрана (задаётся в настройках);
- Выводит модули в пунктах меню;
- Выпадание субменю вниз или вверх, с настройками скорости выпадания;
- Вывод подпунктов меню в заданном количестве колонок:;
- Поддерживаются изображения для пунктов меню;
- Работает на joomla
- и много других возможностей.
Скачать мега меню для joomla
Друзья, модуль JUX Mega Menu я считаю одним из лучших реализаций горизонтального меню для Joomla. К сожалению на данном сайте я уже давно не использую и не обновляю этот модуль, поэтому вынужден был удалить демку, модуль и пакет русификации.
Настройка Мега меню
Чтобы вывести мегаменю на сайте, вам необходимо зайти в менеджер модулей (Расширения → Менеджер модулей) и нажать кнопку Создать новый модуль.
В открывшейся вкладке Тип модуля, выбрать пункт JUX Mega Menu, после чего попадаем в настройки модуля.
Хочу обратить ваше внимание, что настройки осуществляются в двух разных местах:
- в настройках модуля
- и в настройках пункта меню.
В настройках модуля: выбор выводимого меню, выбор позиции, цветовая тема, отображение на всех или только на заданных страницах, ориентир отображения (горизонтально или вертикально), уровни отображения пунктов, выравнивание, направление для выпадания, отзывчивость, залипание и некоторые другие.
В настройках пункта меню: содержимое подменю (можно вывести любой модуль или всю позицию из шаблона), подсказка (всплывающий текст при наведении мышкой на пункт меню), вывод субменю, его тип и размеры, количество столбцов для субменю.
Перевод устанавливается вручную. Чтоб установить перевод - скачайте и распакуйте архив у себя на компьютере. Затем залейте файлы (3 файла) с переводом в папки сайта на сервере, согласно тому, как они вложенны в архив.
На этом пока всё. Жду ваших вопросов в комментариях ниже (если кто не разобрался с настройками мега меню).
Удачного вам сайтостроения!!!
Комментарии
Можете урл со скачивания скопировать и с него прям установить, архив в формате zip и установится без проблем. Ну а перевод скачивать только к себе на компьютер и в ручную заливать файлы с переводом.
А какая у вас цветовая тема включена в настройках модуля? (это в настройках модуля: вкладка модуль, 4 строка: blackwite и т.д.)
Или ссылку на сайт киньте - я вам подскажу весь путь для исправления. Для анонимности ссылку потом затру.
www /modules/mod_jux_megamenu/assets/css/style.css
110 строчка
#megamenucss #js-mainnav.megamenu .js-megamenu, #megamenucss #js-mainnav.megamenu .js-megamenu .level1 .group, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level1, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level2, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px !important;
Измените вот эту строку в коде:
font-size: 17px !important;
Можно пиксели менять. Если 17px будет мало - добавьте ещё. Можете этим значением подбирать подходящий для вас размер шрифта.
Защиту можете включить.
font-family: Helvetica, Arial, sans-serif;
Изменить на:
font-family: Georgia;
По моему так красивее будет.
Как сделать так, что бы подменю не вниз а вверх выводилось?
Я установил позицию footer, но мне нужно что бы когда человек попадает на страницу, сразу было два горизонтальных меню, одно сверху(с ним проблем нет), а другое снизу видимой части экрана. Оба меню должны быть закреплены и опускаться до низа. Как это сделать?
Если плохо объясняю, могу прислать скрин желаемого результат
Большое вам спасибо
Выпадание Submenu - выберите ВВЕРХ.
По второй части я понял что вы хотите, типа как менюшка в админке (нижний сайтбар).
Тут скорей всего нужно делать дополнительную позицию в шаблоне или из имеющейся позиции делать фиксированную. А для неё прописывать в стилях:
position: fixed;
или попробуйте к модулю добавить суфикс и в стилях дописать фикированную позицию.
В настройках модуля есть вкладка Дополнительные параметры.
В ней первый пункт Custom CSS
Попробуйте там прописать:
.prilip {position:fixed !important}
Если залипнет внизу при заходе на страницу, значит то что надо. Дальше стили подогнать для внешнего вида будет проще.
вот пункты настроек:
Menu Name Нижнее меню
Theme default
More themes will be available soon. Keep DJ-MegaMenu module up to date.
Start level 1
End level All
Expand submenu tree Yes No
Column width in pixels 200
Use Note as subtitle Yes No
Display SELECT for small screens Yes No
Small screen width
и вот
CSS3 Animations and script features Yes No
These options apply only if you turn on 'CSS3 Animations and script features'.
Entrance animation bounceInUp
Exit animation zoomOut
Animation speed Normal
Open event Hover Click (only separators) Click
Wrapper id 11111
Sticky menu Yes No
Sticky offset (px) 600
Delay time before close submenu
простите... а вы случайно в нём не разбираетесь?
А из того что вы прислали - там нет настройки для выпадания вверх, только залипание и эффекты.
Можете скачать с этой страницы модуль мега меню. В нём как раз есть выпадание вверх.
Вот я не помню только когда добавлял русификатор, поэтому не знаю актуален ли он (давно не проверял). Но если поступит просьба обновить перевод - обновлю непременно. У себя я перевод до понятного уровня подогнал.
На сайте ОУ необходимо часть пунктов из основного раздела убрать, хотела это сделать через организацию верхнего горизонтального меню. Но никак не могу разобраться с настройками, получается какая-то каша: одно работает, другое не работает. В общем, запуталась совсем. Помогите, пожалуйста, разобраться.
Что вас конкретно интересует? В чём каша???
Спасибо!
Я могу вам помочь - без оплаты и прочей корысти.
Только давайте поступим так, вы мне на почту пришлёте ссылку на свой сайт, который нужно подогнать. Я посмотрю визуально что Вы хотите и буду давать подсказки которые вам нужны.
А не видя сайт - я могу вам не то что нужно насоветовать, при этом впустую потеряю своё и ваше время.
Вообщето в радиус вводятся цифровые значения,
например 12
или
12px
В зависимости от того что у вас требуется.
Спасибо за модуль, понравился.
Выбрал darkblue, да вот не могу найти строку, чтобы цвет поменять, а то немного не та синева...
Если не затруднит, подскажите файл и строку, где это правится.
Я посмотрю и скажу где подправить.
по следующему пути:
/modules/mod_jux_megamenu/assets/css/style/darkblue.css
Строка 93
background: #014E72 !important;
Исправьте её вот так:
background: #005BA2 !important;
(это под цвет тумбочек под гаджитами).
Или вот так:
background: #007AD8 !important;
(это цвет из логотипа прям над меню).
Просмотрел Ваш сайт – очень много полезной информации.
И еще понравилось, что все статьи написаны довольно кратко, при этом весьма ёмко и доходчиво.
Спасибо за такой прекрасный сайт и оперативную помощь.