Создать сайт на Joomla просто и удобно

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

Для этого существует  компонент swMenuFree, который поможет создать различные типы меню, от простых, до более  сложных, многофункциональных. Благодаря новой версии компонента swMenuFree есть возможность автоматического создания полной структуры меню из контента, а также и добавлять пункты контента в качестве пунктов меню к уже существующим блогам или таблицам категорий.  Широкие параметры компонента позволяют настраивать основные параметры модулей, а также осуществлять и другие настройки: положение и размеры, цвет и фон, шрифты, отступы, эффекты и границы и так далее. Также  благодаря этой уникальной системе интеграции возможно ручное и автоматическое   редактирование таблиц, кэширование для ускорения нагрузки, обновление версий и тому подобное. Данный компонент предназначен для версий 1.0 и 1.5.

Среди возможностей swMenuFree такие:

- создавать вертикальное или горизонтальное меню;

- расширенное определение размеров элементов меню, их высот и границ;

- управление позиционированием с помощью смещения, тоже расширенное;

- количество уровней подменю неограниченно

- расширенное управление шрифтами меню, вместе со стилем, весом и размерами, а также цветом и фоном главных пунктов меню и подменю;

- интерфейс администрирования позволяет легко  настраивать все элементы меню;

- совместимость почти со всеми браузерами

Меню >>> компоненты >>> swMenuFree

Заголовок модуля делаем так: модулю даем любое название, например «Мое меню» и нажимаем Сохранить. Потом сразу идем в  Меню >>> модули и находим «Мое меню», включаем отображением данного модуля, затем снова возвращаемся в Меню >>> компоненты >>> swMenuFree.

Далее настройка происходит таким образом:

* Настройка источника меню
Системное меню: выбирается тот эффект, который  вам требуется
Источник меню: Выберите «Новое меню» - то меню где создавали структуру меню с подкатегориями.
Родитель: Оставьте как есть - «TOP»

* Настройка стилей
Загрузка таблицы стилей: Оставляется как есть - «Существующая таблица стилей»
Класс модуля: можете использовать «jos» - но в css файле шаблона прописывается стиль для данного модуля, или  же поле оставляется  пустым!

* Авто настройка пунктов меню
Смешанное меню: Остается  как есть
Использование таблиц/блогов: Остается как есть

* Настройка кэша
Использовать кэш: Остается как есть
Время жизни кэша: Остается  как есть

* Отображать модуль меню на страницах
All - отображение на всех страницах.
None - не отображать вообще.

* Основные настройки модуля
Показывать заголовок: Выберается «Нет»
Опубликовать: Выберается «Да»
Активное меню: Подсветка выбранного пункта меню ссылки, на которой данный момент находитесь.
Меню выбора: Выберите «Да»
Индикатор подменю: показывает  маленькую стрелочку напротив подкатегории.
Показывать тени: если такой эффект тени для подкатегории требуется, то выберается «Да».
Максимум уровней: показывает  уровень вложенности вашего меню swmenufree, выберите уровень 3-5. Максимальный уровень при значении 0.

* Позиция и Доступ
Позиция модуля: Выбирается  та позиция модуля, в которой будет опубликовано «Красивое выпадающее меню»
Порядок модуля: Позиция модуля и его отображение в  будет находится в списке доступных-опубликованных модулей
Уровень доступа: «Общий»- существует для всех посетителей, «Участники» - только для зарегистрированных, «Специальный»- существующий только для суперадминистратора, то есть для вашей собственной персоны

# Вкладка: «Размер, Позиция и Смещение»

* Меню - Выравнивание и Направление
Меню - выравнивание: размещение модуля в позиции - его выравнивание. right-выравнивание вправо left-выравнивание влево, center-выравнивание по центру
Меню / Подменю - направление: horizontal/down-горизонтально/вниз, vertical/right-вертикально вправо, horizontal/up-горизонтально/вверх, vertical/left-вертикально влево. Выберите нужное!

* Меню - Установка размера

Для всех ниже перчисленных пунктов устанавливается 0 для авторазмера:
Меню – ширина;
Меню – высота;
Подменю – ширина;
Подменю – высота;

# Вкладка: «Цвет и Фон»
В файле template_css. css находится  вся  цветовая палитра вашего шаблона и для того, чтобы  подогнать палитру в тон этого шаблона, необходимо выписать все основные цвета. Также можно придумать новую цветовую гамму, лучше всего подходящую к нему  дизайну!

# Вкладка: «Шрифт и Положение»
На этой вкладке настраиваются шрифты, его размер и настройки, выравнивание текста. Это личное  дело каждого и  поэтому здесь можно самому проэкпериментировать

# Вкладка: Бордюры и Эффекты

* Ширина бордюра

Везде устанавливается нужная ширина бордюра:
Меню - внешний бордюр – ширина;
Меню - внутренний бордюр – ширина;
Подменю - внешний бордюр – ширина;
Подменю - внутренний бордюр – ширина;

* Специальные эффекты
Подменю - прозрачность: устанавливается  нужный эффект прозрачности

* Стили бордюра
Выбирается нужные стили бордюра

* Специальные эффекты
Подменю - задержка открытия/закрытия:  Можно оставить по умолчанию 300 ms.