Наше верхнее горизонтальное меню - это модуль RokNavMenu от Rockettheme. Он находится в свободном доступе, поэтому скачать его для себя вы можете в любое время.
Однако хочу сразу же предупредить: для испытания я установила модуль на локалхостовский рабочий сайт с чистой Джумлой и увидела, что на шаблоне beez_20 этот модуль смотрится неважнецки. Возможно, с более накрученными шаблонами вид у него изменится, поэтому, как и при подборе любого другого расширения, надо просто установить модуль на свой сайт и посмотреть, что из него получится.
А вот там, где работает Gantry Framework, модуль показывает все свои достоинства, может отражаться как в горизонтальной, так и вертикальной позиции и имеет два варианта:
1. Dropdown Menu -
Подведите курсор к нашему верхнему меню. Вы видите, что первый уровень заголовков раскрывается в выпадающей (dropdown) манере. В свою очередь, второй уровень может содержать свой уровень, который по отношению к первому будет уже третьим.
Пример: Мастерская>>Демонстрационный зал>>Coming Soon .
А дальше идёт четвёртый уровень - Мастерская>> Демонстрационный зал >>Coming Soon>>Описание плагина.
2. SplitMenu
Это статическое меню, которое отражает только первый уровень заголовков в главной горизонтальной позиции. Если в параметрах шаблона включить этот режим, то автоматически справа от статьи появится вертикальное меню, раскрывающее один из пунктов статического верхнего меню. При этом в вертикальном меню будут отражены и все подпункты.
Какой режим выбрать, зависит от вас. Выбирается он в параметрах шаблона, работающего на Gantry Framework:

Иллюстрация 1
Второй и последующий уровни также могут иметь и иконки меню, и дополнительные надписи. Для этого при создании каждого пункта меню надо поработать во вкладке "Dropdown Menu Options".
А теперь посмотрим принцип Split: при включении этого режима в горизонтальном меню остаются рабочими кнопки только первого уровня. При этом автоматически справа (позиция sidebar) появляется отдельный - вертикальный - модуль меню того раздела, на кнопку которого вы нажали в верхнем меню.
Например, если нажать на кнопку пункта "Мастерская", то все подпункты, видимые при включенном режиме Dropdown, отразятся в модуле справа. Модуль будет иметь название, аналогичное названию пункта из верхнего меню, т.е. в нашем случае - "Мастерская".
Из Базового курса вам уже хорошо известно, как создаётся новое системное меню (урок "Как создать меню") и как создаются пункты меню (урок "Создание пунктов меню") . Уроки даны на примере Joomla 1.5, однако принцип создания меню и пунктов меню одинаков во всех версиях нашего движка.
Итак, в mainmenu (главное меню) создаём новый пункт. Например, "Курилка". Это будет корневой пункт меню, что надо отметить в параметрах:
Иллюстрация 2
Далее создаём ещё один пункт, например, "Регистрация новичков". Но теперь в параметрах выбираем ему в качестве Родительского элемента уже пункт "Курилка":
Иллюстрация 3
Вот так и продолжаем строить любое меню, не только главное. Ведь на большом сайте системных меню может быть создано очень много.
Заканчивая урок, ещё раз хочу подчеркнуть, что модуль Roknavmenu прекрасно работает с Gantry Framework, и сегодняшнее небольшое пособие написано в расчете на всех, кто его внимательно изучает.
Примечание: иллюстрации сделаны на базе Joomla 2.5, но в Joomla 3.0 принцип остается тем же.
Комментировать материал через:
- Joomlalessons.ru
- Вконтакте
Поделиться: