Как сделать горизонтальное меню в Joomla 2.5

 

В дистрибутиве  Joomla 2.5 не предусмотрено горизонтальное расположение меню (в отличае от дистрибутива  Joomla 1.5). Но  у многих вебмастеров возникает желание или  необходимость установить горизонтальное меню для своего проекта. Как его сделать?

Приведу несколько примеров как сделать горизонтальное меню для сайта.

 

Как самостоятельно создать горизонтальное меню

Для начала нужно создать меню и присвоить ему заголовок и системное имя (тип меню). 

Заголовок и системное имя

Затем создать модуль меню и привязать его к раннее созданному пункту меню. 

Как самостоятельно создать горизонтальное меню

Затем в настройках шаблона изменить css стиль шаблона css/template.css. Допишите в конце такой код:

#main ul {
display: block;
text-align: left;
color:#2a6bb2;
}
#main  ul li {
display: inline;
margin: 0 !important;
padding: 0;
}

Где main нужно заменить на системное имя вашего меню.

 

Создать горизонтальное меню при помощи программы Artisteer

Для данной задачи будем использовать шаблон Joomla 2.5, который создадим при помощи программы Artisteer. Про программу смотрите: Artisteer программа - помощник web-мастера

При проектировании шаблона нужно обязательно включить горизонтальное меню в состав шаблона. После проведенного дизайна, необходимо сохранить и экспортировать уже новый, готовый шаблон с горизонтальным выпадающим меню.

Далее устанавливаем шаблон на сайт при помощи Менеджера расширений и активируем его.  Таким образом была проведена предварительная подготовка для работы по созданию горизонтального выпадающего меню.
Теперь пришла очередь меню. Создание меню проводим стандартным методом. Создаем пункты меню и подпункты меню, которые будут в горизонтальном меню.
Как сделать подпункт меню? Да очень просто, при создании пункта меню или в режиме его редактирования указать для него «Родительский элемент».

 Создать горизонтальное меню

На данном скриншоте представлен пример пункта и подпунктов горизонтального меню:
пункт меню - Файл robots.txt для Joomla 2.5
подпункт меню - robots.txt Ошибки и рекомендации.
Аналогичным образом строится иерархия для всех остальных пунктов.

Созданный модуль меню устанавливаем в позиции шаблона “User3”.

После проведения всех вышеприведенных действий будет на сайте горизонтальное  выпадающее меню.

 

Создать горизонтальное меню при помощи модуля ARI Ext Menu

 

Многофункциональный модуль меню Joomla 2.5 ARI Ext Menu предназначен для создания как горизонтального, так и вертикального меню. Выбор типа меню и настройка данного меню описано в статье:
Многофункциональный модуль меню Joomla 2.5

Добавить комментарий


Защитный код
Обновить