ARI Ext Menu

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

ARI Ext Menu – это модуль меню Joomla, который можно настроить, как имея знания языковых стилей, так и без них. Все в нем настраивается на уровне «обезьяны», то есть достаточно просто кликать мышкой, выбирая нужные настройки. Если Вы хотите создать более красочное и современное меню, тогда придется добавить отдельные CSS настройки.

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

Настройка ARI Ext Menu

Скачать модуль, вы сможете во вложении к этому посту, оно находится в конце поста. С установкой модуля проблем возникнуть не должно, поэтому сразу переходим к его настройке. Сразу после установки отправляйтесь в менеджер модулей и откройте уже созданный модуль «ARI Ext Menu». Перед тем, как приступить к его настройкам, не забудьте его опубликовать и отобразить на всех страницах, ну и естественно установить нужную позицию.

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

ari ext menu1

Menu name – Здесь выбираем созданное меню которое будет отображаться с помощью этого модуля.

Menu direction – Выбираем его направление, то есть можно сделать вертикальное или горизонтальное меню Joomla

Start level – начальный уровень.

End level – конечный уровень.

Для тех, кто не знает, что это такое? У пунктов меню Joomla, могут быть подпункты, а у них так же могут быть подпункты. Так вот каждый такой подпункт, это уровень, естественно первый уровень – это родительский пункт.

Show only active sub-menus - отображение, только активных подменю. То есть при переходе на страничку подпункт, вместо всего меню, будет отображаться, только родительский пункт с подпунктами.

Hightlight current menu item – подсветка активных пунктов меню.

ari ext menu2

Module Class Suffix – Добавить к классу меню специальный суффикс. Необходимо если вы будите отдельно добавлять, какие-то CSS настройки.

Load ExtJS library – Обязательно установите ДА. Включает необходимые JavaScript для нормальной работы модуля.

Load method – Выбор метода загрузки, тут все на ваше усмотрение.

Generate unique ID – Генерация уникально ID, на мой взгляд бесполезна, лучше отключить.

ari ext menu3

 

Auto width – Устанавливать автоширину для всех пунктов меню или нет. При выключенном JS не работает, как и остальные настройки этого блока.

Animate – включение красивого появления подменю.

Delay – задержка появления подменю.

Transition type – эффект появления подменю.

Transition duration – продолжительность эффекта в секундах.

ari ext menu4

z-index –  для функции CSS. Если вы не знаете, как она работает, то лучше не трогать это поле.

ari ext menu5

Background color – фоновый цвет основных пунктов меню.

Text color – цвет текста

Hover background color – фоновый цвет выделенных пунктов меню

Hover text color – цвет текста выделенных пунктов меню

Current background color – фоновый цвет активного пункта меню

Current text color -  цвет текста, активного пункта меню

Font size – размер шрифта

Font weight – насыщенность шрифта

Text align – выравнивание текста

Text transform – изменение текста

ari ext menu6

Use main styles – использовать настройки основных пунктов меню.

Background color – фоновый цвет подпунктов меню.

Text color – цвет текста

Hover background color – фоновый цвет выделенных пунктов меню

Hover text color – цвет текста выделенных пунктов меню

Current background color – фоновый цвет активного пункта меню

Current text color -  цвет текста, активного пункта меню

Font size – размер шрифта

Font weight – насыщенность шрифта

Text align – выравнивание текста

Text transform – изменение текста

ari ext menu7

Так же под всеми настройками есть отдельное поле для CSS настроек, в котором вы можете прописать те параметры, которые не позволяют сделать стандартные настройки модуля.  Как видите создание меню Joomla используя данный модуль, становиться абсолютно простым и легким.

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

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

Автор: Илья Остапенко

Прочитано 301 раз
Другие материалы в этой категории: « Akeeba BackUp
 
Яндекс.Метрика