Для некоторых задач дизайна в шаблонах Joomla требуется применение подменю в ввиде дополнительной линии пунктов вложенного меню под основным.
Для реализации этой необходимости существуют готовые решения с применением javascript-библиотек (jquery, mootools и пр.). Но сделать такое подменю можно и проще, воспользовавших встроенным функционалом модуля mod_mainmenu и без javascript.
Инструкция создания подменю в линию для главного меню:
1. Опубликовать модуль mod_mainmenu в позиции top (или в вашей позиции).
2. Выставить настройки модуля меню как на рисунке.
3. Добавить css-инструкции:
#topmenu li ul { display:block; left:0; position:absolute; } |
Эти правила являются обязательными, также можно добавить дополнительные свойсвтва css для дополнительного внешнего оформления (цвет, отступы и размер шрифта для пунктов подменю, расположенных в линию) для элементов #topmenu li ul li.
В этом примере используется функционал модуля mod_mainmenu, а именно, возможность выводить дочерние пункты меню при активации родителя.
Результат в итоге будет выглядеть примерно так:
Привет! знаешь, а у меня не работает!!!
но очень нужно такое меню...
помоги плиз!
Этот прием точно работает на бесплатном joomla шаблоне i-Business Предлагаю проверить на нем, а потом глянуть чего не хватает в вашем шаблоне для создания дроплайн.
а куда добавлять
#topmenu li ul {
display:block;
left:0;
position:absolute;
}
??
В css template нет #topmenu
Рита, эти инструкции надо добавить в template_css.css для того меню из которого вы хотите сделать dropline. В случае шаблона i-Business такое меню находится в теге <div id='topmenu'>.
ЛоЛ полный смотрите шаблон а лучше папочку скрипт
window.addEvent('load', function() {
var main = document.id('gkDropMain');
var sub = document.id('gkDropSub');
if(main) {
var submenus = document.id('gkSubmenu').getElements('#gkDropSub > ul');
var currentsub = null;
submenus.each(function(el, i) {
if(el.hasClass('active')) currentsub = submenus[i];
});
main.getElements('li').each(function(el, i) {
el.addEvent('mouseenter', function() {
if(currentsub) {
currentsub.setStyle('left', '-999em');
submenus.setProperty('class', '');
}
currentsub = submenus[i];
currentsub.setStyle('left', 'auto');
currentsub.setProperty('class', 'active');
});
});
}
});
вот так выглядит простенький скрипт дроплан меню
спасибо огромное автор , долго искал решение этой проблемы уважение и респект!
Подскажите, как добавить уже созданный справочник категорий транспортных средств в раскрывающийся список «каталог», что есть в главном меню?
Если у используемого вами компонента есть возможность генерировать таблицы грузовиков по их категориям, то самый простой вариант, создать под меню «Каталог» дочерние пункты меню типа «URL ссылка» с ссылками на эти таблицы. Ну и дальше использовать для вывода главного меню какой-нибудь модуль, с выпадающими функциями, коих полно на joomla.org. По крайней мере я бы с этих мыслей начал решение задачи.