У меня уже было несколько рецептов верстки меню для Joomla 1.5 - а именно Пошаговое создание трехуровневого меню и Создание раскрывающегося меню для Joomla 1.5.

Сегодня дам еще один вариант с использованием селекторов CSS 2.1. Про MS Internet Explorer 6.0 даже не заикайтесь, считаем его усопшим.

 Всем (ну или всем, кто активно занимается версткой под Joomla 1.5) известно что в шаблоне можно переопределить HTML-вывод любого модуля. 

Делается это довольно просто, к примеру для переопределения вывода модуля меню нам нужно скопировать файл /modules/mod_mainmenu/tmpl/default.php в папку /templates/название шаблона/html/mod_mainmenu и поправить как нам нужно.

Это очень удобно, и помогает сверстать шаблон практически любой сложности.

Но тем не менее данный метод не позволяет нам добавить новый функционал.

Введение

Хотя и идея, и технология создания такого меню далеко не новы, но по результатам комментариев в статье «Создание раскрывающегося меню на базе стандартного mod_mainmenu Joomla 1.5» оказалось, что тема по-прежнему актуальна и требует достаточно простого решения. В данной статье так же формируется меню на основе стандартного модуля mod_mainmenu. Пока что, ширина пунктов меню фиксированная.

Не стоит пугаться размера статьи — на самом деле это просто! Объём объясняется графоманией автора тем, что хочется по шагам описать технику создания, дабы после определённого шага можно было приступить к доработке дизайна под себя. Но для самых нетерпеливых — пример сформированного меню вместе с CSS-файлами.

Как же такое реализовать не применяя сторонних плагинов?

Да очень просто на самом деле...