Mitrichlab Joostina Module
  • Функциональность: полностью заменяет стандартный модуль меню.
  • Совместимость: Joomla! 1.0.x , Joostina 1.x
  •  
  • Позволяет
  • установить раздельные классы для любого
    • пункта меню
    • активного пункта меню
    • родительского элемента (ячейка таблицы или DIV)
  • Выбрать метод генерации классов
    • основываясь на порядковом номере элемента
    • основываясь на Itemid элемента
  • Задать отдельные стили для
    • первой и последней ссылки
    • первого и последнего родительского элемента
    "Завернуть" ссылки в один или два DIV для гибкости настройки отображения
  • Вывести меню из картинок (возможно использование rollover)
    • Для каждого пункта меню картинка задается отдельно из админки модуля
    • Для каждого пункта меню при наведении картинка задается отдельно из админки (rollover)
    • Вывести пункт меню как картинка + текст (возможно выбрать порядок элементов)
  • Спрятать первую ссылку меню (спасибо SMART'у за идею)
  • Сделать активный пункт меню НЕ ссылкой (идея BELIYADM)
Вкладка : Основные

На этой вкладке стандартные настройки модулей Joomla/Joostina/Mambo
Плюс
Суффикс класса ссылки меню - к классу ссылки дописывается указанный суффикс (по аналогии с модулем)
Используемое меню - меню Joomla/Joostina/Mambo которое будет выводить модуль
Меню выводится - ссылками/картинками/картинка + ссылка.
Ссылками - обычный вывод текстовых ссылок
Картинками - картинки для пунктов меню выбираются на вкладке Меню картинками
Картинка + ссылка - картинки выбираются на вкладке Меню картинками, там же можно указать порядок вывода (картинка + ссылка, ссылка + картинка).
Номер модуля - в случае если вы используете rollover для картинок и модулей меню несколько, следует указать для каждого модуля уникальный номер.
Прятать первый пункт - при включении этой опции первый пункт меню скрывается средствами CSS

Вкладка : Многоуровневое меню

Данный тип вывода не нуждается в представлении т.к. используется со времен mambo.
полностью идентичный стандартному вертикальному выводу
Плюс
возможность задавать уникальные классы для ссылок и активных ссылок основанная на Itemid

Вкладка : Уникальные классы
Общие принципы вывода

При любом методе вывода
в момент генерации элемента разметки начинающего вывод
(например <table>) действует принцип:
класс элемента + суффикс класса

например :суффикс класса -new.
В выводе получаем: <table class="maintable-new"

Тот же принцип действует и для ссылок
например :суффикс класса -newlink.
В выводе получаем: <a class="mainlevel-newlink"

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

Настройки действующие при любом методе вывода
об ограничениях при использовании метода вывода
ВЕРТИКАЛЬНОЕ МНОГОУРОВНЕВОЕ
читать в соответствующей вкладке
Настройки влияющие на CSS классы ссылок

При включении опции Уникальные стили для ссылок
ссылка приобретает следующий вид
<a class="mainlevel-1-newlink" href="......
где
-1
             - это уникальный номер ссылки основанный на порядковом номере либо Itemid (в зависимости от настроек)
-newlink   - это суффикс класса ссылки
данная опция имеет приоритет над опциями
Уникальные стили для первой ссылки и
Уникальные стили для последней ссылки

При включении опции Уникальные стили для первой ссылки
ссылка приобретает следующий вид
<a class="mainlevel-first-newlink" href="......
где
-first - указание на то что ссылка первая
остальные ссылки будут выглядеть как
<a class="mainlevel-newlink" href="......

При включении опции Уникальные стили для последней ссылки
ссылка приобретает следующий вид
<a class="mainlevel-last-newlink" href="......
где
-last - указание на то что ссылка последняя
остальные ссылки будут выглядеть как
<a class="mainlevel-newlink" href="......

Настройки влияющие на CSS ID активных пунктов меню
При включении опции Активный пункт меню - ссылка / текст без ссылки
Активный пункт выводится текстом (картинкой) но ссылка на него отсутствует.

При включении опции Уникальные ID для активного пункта меню
активная ссылка приобретает следующий вид
<a class="mainlevel-1-newlink" id="active_menu-1" href="......
где
-1
             - это уникальный номер активной ссылки основанный на порядковом номере либо Itemid (в зависимости от настроек)
данная опция имеет приоритет над опциями
Уникальные стили для первой активной ссылки и
Уникальные стили для последней активной ссылки

При включении опции Уникальные стили для первой активной ссылки
активная ссылка приобретает следующий вид
<a class="mainlevel-first-newlink" id="active_menu-first" href="......
где
-first - указание на то что активная ссылка первая
остальные активные ссылки будут выглядеть как
<a class="mainlevel-newlink" id="active_menu" href="......

При включении опции Уникальные стили для последней ссылки
активная ссылка приобретает следующий вид
<a class="mainlevel-last-newlink" id="active_menu-last" href="......
где
-last - указание на то что активная ссылка последняя
остальные активные ссылки будут выглядеть как
<a class="mainlevel-newlink" id="active_menu" href="......

Не забывайте что активной ссылка становится после клика. И в остальных случаях вы не увидите ID

Настройки влияющие на CSS классы элементов

При включении опции Уникальные стили для родительских элементов
элемент приобретает следующий вид
<div class="element-1"><a href="......
где
-1
             - это уникальный номер элемента основанный на порядковом номере
-newlink   - это суффикс класса ссылки
данная опция имеет приоритет над опциями
Уникальные стили для первого родительского элемента и
Уникальные стили для последнего родительского элемента

При включении опции Уникальные стили для первого родительского элемента
ссылка приобретает следующий вид
<div class="element-first"><a href="......
где
-first - указание на то что элемент первый
остальные элементы будут выглядеть как
<div class="element"><a href="......

При включении опции Уникальные стили для последнего родительского элемента
элемент приобретает следующий вид
<div class="element-last"><a href="......
где
-last - указание на то что элемент последний
остальные элементы будут выглядеть как
<div class="element"><a href=".......


Вкладка : Другие настройки
Ширина ячейки таблицы :
Данная опция работает только при методе вывода Горизонтальная таблица 100% ширины
Имеет два состояния Обрамление ссылки в div :
При включении данной опции ссылка обрамляется в один или два элемента DIV
один DIV

<DIV class=ml-div>
    <A class=mainlevel id=active_menu href="http://...">Главная</A>
</DIV>

два DIV

<DIV class=ml-div>
  <DIV>
    <A class=mainlevel id=active_menu href="http://...">Главная</A>
  </DIV>
</DIV>


Вкладка : Меню картинками

На данной вкладке можно назначить картинку для каждого пункта меню в ненажатом состоянии и при наведении курсора
опции вкладки активны при включении опции Меню выводится - картинками на вкладке Основные
картинки лежат в папке /modules/mod_mljoostinamenu/menuimages
Смена картинки при наведении будет происходить при включении опции Использовать rollover для картинок

Вкладка : Ссылки для гостей

На данной вкладке можно указать
какие из ссылок будут отображаться только для гостей (неавторизованных пользователей)

Типы вывода : Вертикальное одноуровневое

выводимый код:
<TABLE class=menutable cellSpacing=0 cellPadding=0 border=0>
<TR>
  <TD>
    <A class=mainlevel id=active_menu href="http://...">Главная</A>
  </TD>
</TR>
<TR>
  <TD>
    <A class=mainlevel href="http://...">Контакты</A>
  </TD>
</TR>
<TR>
  <TD>
    <A class=mainlevel href="http://...">Поиск</A>
  </TD>
</TR>
</TABLE>

Типы вывода : Горизонтальная таблица

выводимый код:
<TABLE class=menutable cellSpacing=0 cellPadding=0 border=0>
<TR>
  <TD>
    <A class=mainlevel id=active_menu href="http://...">Главная</A>
  </TD>
  <TD>
    <A class=mainlevel href="http://...">Контакты</A>
  </TD>
  <TD>
    <A class=mainlevel href="http://...">Поиск</A>
  </TD>
</TR>
</TABLE>

Типы вывода : Горизонтальная таблица 100% ширины

выводимый код:
<TABLE class=menutable cellSpacing=0 cellPadding=0 border=0 width="100%">
<TR>
  <TD>
    <A class=mainlevel id=active_menu href="http://...">Главная</A>
  </TD>
  <TD>
    <A class=mainlevel href="http://...">Контакты</A>
  </TD>
  <TD>
    <A class=mainlevel href="http://...">Поиск</A>
  </TD>
</TR>
</TABLE>


Добавлена ширина 100% и возможность задать ширину ячейки таблицы
(на вкладке Дополнительные настройки)
Типы вывода : Список UL - LI

выводимый код:
<UL class=menulist>
  <LI>
    <A class=mainlevel id=active_menu href="http://...">Главная</A>
  </LI>
  <LI>
    <A class=mainlevel href="http://...">Контакты</A>
  </LI>
  <LI>
    <A class=mainlevel href="http://...">Поиск</A>
  </LI>
</UL>

Типы вывода : DIV

выводимый код:
<DIV class=maindiv>
  <DIV class=mainlevel-div>
    <A class=mainlevel id=active_menu href="http://...">Главная</A>
  </DIV>
  <DIV class=mainlevel-div>
    <A class=mainlevel href="http://...">Контакты</A>
  </DIV>
  <DIV class=mainlevel-div>
    <A class=mainlevel href="http://...">Поиск</A>
  </DIV>
</DIV>

Типы вывода : Только ссылки

выводимый код:
<A class=mainlevel id=active_menu href="http://...">Главная</A>
<A class=mainlevel href="http://...">Контакты</A>
<A class=mainlevel href="http://...">Поиск</A>

Важно : Вывод картинка + ссылка и отключение первого пункта

При выводе Картинка + ссылка выводится следующая конструкция
<a href="... ><img src="..... /><em>текст ссылки</em></a>


При использовании опции Прятать первый пункт первый пункт меню скрывается с помощью CSS (dispay:none для родительского элемента).
И в случае если в то же время включены опции Уникальные стили для первой ссылки или Уникальные стили для первого родительского элемента
вторая ссылка (второй родительский элемент) приобретают суффикс -first