Тема конечно стара, как Мир, плюс существует куча сторонних расширений, но почему не использовать то, что уже установлено, немного модифицировав?!
Делаем выпадающее меню, которое будет раскрываться при наведении курсора мыши, на базе стандартного модуля меню, который уже установлен в
CMS Joomla -
mod_menu.
В старом, добром
Adobe Dreamweaver (в 3-ке и 4-ке точно) есть возможность использовать готовые решения
Spry, в том числе и для создания выпадающих меню (списков) - им и воспользуемся
Для начала
загружаем архив, содержимое который было ©пионерено именно из Adobe Dreamweaver.
Архив содержит:
- spry.css - стили для выпадающего меню
- spry.js - ява-скрипт для организации выпадающего меню
Распаковываем архив в папку
assets нашего шаблона
templates/папка нужного шаблона/assetsВ
index.php шаблона, между тегами <head></head> подключаем оба файла при помощи следующего кода:
<link href="<?php echo $this->baseurl?>/templates/<?php echo $this->template; ?>/assets/spry.css" rel="stylesheet" type="text/css" />
<script src="<?php echo $this->baseurl?>/templates/<?php echo $this->template; ?>/assets/spry.js" type="text/javascript"></script>
В самом низу файла шаблона, перед тегами </body></html> дописываем такой код:
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1");
//-->
</script>
Затем переходим в панель управления сайтом:
Расширения -> Менеджер модулей. Открываем модуль с меню, во вкладке "
Дополнительные параметры" указываем (без кавычек):
- ID Меню "MenuBar1"
- Суффикс класса меню " MenuBarHorizontal"
ОБРАТИТЕ ВНИМАНИЕ! Перед суффиксом класса меню должен
(!)обязательно стоять пробел!
Сохраняем. Все готово. Остается при помощи css-стилей привести меню в соответствие с дизайном нашего сайта.
З.Ы. работает начиная с J1.5. Под J1.0 просто нужно привести в соответствие API подключения файлов скрипта и css-стилей.
Кроссбраузерно от IE6.0, конфликтов с jquery и mootools не выявлено.