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

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

48

Сегодня мы с вами рассмотрим такую полезную функцию в системе Joomla, как создание горизонтального меню из существующего и созданного ранее.

horizontal-menu

Натолкнулся на такую особенность в новой версии Joomla 2.5, что при создании дополнительного меню на сайте, оно по-умолчанию показывается в вертикальном порядке или списке. Чтобы исправить эту ситуацию, нужно сначала определить какие файлы нам понадобятся.

vertical-menu

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

menu_joomla_1_5

Итак, заходим в менеджер модулей и создаем новый модуль меню.

Ищем там такой параметр, как “Суффикс класса меню” и ставим значение, например, _gor. Что в дальнейшем будет означать горизонтальный.

gor

По умолчанию, меню располагается вертикально списком

<ul></ul>

а за отображение на самом проекте отвечает подключаемый файл CSS кода. Соответственно, нам необходимо найти файл стилей (обычно он находится в папке с шаблонами: /templates/Ваш_шаблон/css).

К примеру, во многих шаблонах это (/templates/Ваш_шаблон/template.css).

Открываем, скопировав на жесткий диск файл со стилями, и в самом низу пишем:

.menu_gor li {display:inline;]

Это действие как раз и сделает наше меню горизонтальным.

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

gor

Убрав из меню суффикс _gor, можно с легкостью вернуть меню в исходное значение.

И не забудьте заменить файл стилей перед проверкой результата.