Многофункциональный модуль меню Joomla 2.5

 

Модуль ARI Ext MenuНа начальном пути создания сайта, без знаний основ HTML и CSS, трудно

производить тонкую настройку элементов страниц. Но в помощь

веб-мастеру имеются,   многочисленные инструменты, которые облегчат

ему труд по совершенствованию сайта. Такие инструменты существуют

и для создания модуля меню Joomla.

Модуль меню Joomla можно сделать красивым и удобным для навигации, при помощи:

Многофункциональный модуль меню Joomla 2.5 

Модуль меню ARI Ext Menu

Установив и активировав модуль ARI Ext Menu для создания меню Joomla, вам останется только лишь произвести некоторые (не сложные настройки), и новое меню будет смоделировано.

Ari Ext Menu - модуль меню с эффектами анимации в Joomla!. Поддерживает горизонтальное и вертикальное меню, может быть использован для создания многоуровневых меню, предоставляет возможность определить начальный и конечный уровень меню. Работает во всех современных браузерах.

Основные характеристики  и потенциал модуля ARI Ext Menu:

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

Процесс создания модуля меню Joomla заключается в следующем:

В “Менеджере модулей” :

  • открываем модуль ARI Ext Menu,
  • записываем заголовок,
  • устанавливаем позицию для модуля,
  • устанавливаем состояние “опубликовано”,
  • определяем привязку к пунктам меню.

В разделе “Основные параметры” -  заполняем все поля.

Нажимаем “Сохранить”.

Переходим на страницу сайта и смотрим результат работы.

Если что-то не устраивает, то корректируем настройки модуля.
 

Можно самостоятельно изменить настройки CSS. Для этого нужно создать отдельное правило (пример: .ux-menu a{…..}) и поместить в таблицу “ CSS  Styles”

Настройки CSS модуля находятся в файле по адресу: modules/mod_ariextmenu/mod_ariextmenu/js/css/menu.min.css

При помощи модуля ARI Ext Menu можно создать красивый и уникальный модуль меню  Joomla, разместив на любой позиции страницы. 

Скачать меню для сайта

Скачать Модуль меню ARI Ext Menu – русифицированная версия

Модуль ARI Ext Menu

 

А это стили CSS, которые я применил к своему меню

ID для моего модуля

#ariyui137.yui-skin-sam .yuimenu {
z-index: 10;
}
Бордюр и фон
#ariyui137.yui-skin-sam .yuimenu .bd {
_zoom: normal;
border: solid 0px #808080;
background-color: #F1F2F3;
}
Треугольник в позицию слева
#{$id}.yui-skin-sam li.yuimenuitem-hassubmenu {
background-position: left center;
margin: 0px 0px 0px 5px;
}
Перенос строки слов
#{$id} .yuimenuitemlabel, #{$id} .yuimenubaritemlabel {white-space: normal;}
Размер отступа слов в ячейки
#{$id}.yui-skin-sam UL LI.yuimenuitem { min-height: 10px; padding-top: 3px; }
Замена курсора
#{$id}.yui-skin-sam UL LI A.yuimenuitemlabel:hover { cursor: pointer; }
Размер и линия между пунктами
#{$id}.yui-skin-sam li.yuimenuitem { border-bottom: 1px solid #CACACF; }
Размер шрифта
#{$id}.yui-skin-sam .yuimenu ul li a { font-size: 9px !important; }