Древовидное меню сайта

Cоздания меню сайта древовидного вида с помощью UL LI вложенных элементов.

Плагин разработан для создания меню сайта древовидного вида. Без оформляющих CSS-стилей и JavaScript-ов, он выводит карту сайта древовидного вида с помощью UL LI вложенных элементов:

Установка плагина

распакуйте скачанный архив в директорию /inner/

Чтобы посмотреть на карту своего сайта в виде UL LI, подключите плагин так:

<ul>{~lebnik_fullmap_ulli.php~}</ul>

Варианты плагинов

а) lebnik_fullmap_ulli.php - сортировка position ASC (от меньшего к большего по значениям поля Порядковый номер)

б) lebnik_menu_right_ulli.php - сортировка menu_right DESC (от большего к меньшему по значениям поля Позиция в меню)

Виды готовых реализаций

Вы можете использовать свои скрипты создания меню из UL LI карты, или изменить под свои нужды один из следующих вариантов.

1) Горизонтальное меню

подключается так:

<link href="/uploads/Files/menu/1.css" type="text/css" rel="stylesheet"><ul id="horizontal-multilevel-menu">{~lebnik_fullmap_ulli.php~}</ul>

2) Вертикальное меню

подключается так:

<link href="/uploads/Files/menu/navmenu-v.css" type="text/css" rel="stylesheet"><ul id="navmenu-v">{~lebnik_fullmap_ulli.php~}</ul><script language="Javascript" type="text/javascript" src="/uploads/Files/menu/vertcssmenujs.js"></script>

3) Вертикальное меню с закругленными плашками

подключается так:

<link href="/uploads/Files/menu/menuV.css" type="text/css" rel="stylesheet"><ul id="menuV">{~lebnik_fullmap_ulli.php~}</ul><script language="Javascript" type="text/javascript" src="/uploads/Files/menu/menuV.js"></script>

при этом, в скрипте должны быть заполнены переменные левостороннего и правостороннего стилей:

$GLOBALS['lebnik_fullmap_ulli_left'] = '<div class="MenuTop"></div><table border="0" cellpadding="0" cellspacing="0" class="MenuLink"><tr><td class="MenuLeft"></td><td class="MenuCenter">';$GLOBALS['lebnik_fullmap_ulli_rigth'] = '</td><td class="MenuRight"></td></tr></table><div class="MenuBottom"></div>';

Полезная информация

- всем подразделам UL назначается класс уровня вложенности, например 1ый уровень вложенности:

<ul class="nesting1">...

- у всех родительских LI всегда присутствует класс root-item, это сделано для удобства CSS-оформления;

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

Скачать плагин: lebnik_fullmap_ulli.tgz

Альтернативный вариант

Для более требовательных пользователей был разработан плагин древовидного меню вида UL LI, состоящего только из страниц которым выставлено значение в поле Позиция в меню (на основе значений поля menu_right), с сортировкой menu_right DESC (т.е. от большего к меньшему).

Скачать плагин: lebnik_menu_right_ulli.tgz

Тем, кто использует версию CMS YaPro от 02.10.2010 или старее, нужно создать поле Позиция в меню в Система Администрирования - Система - Формы и поля - Добавить. Данные поля должны быть следующего вида:

После создания поля, выполните SQL-запрос меняющий значение поля с текстового на числовое, это нужно для правильной сортировки:

ALTER TABLE `my_pages_1` CHANGE `menu_right` `menu_right` INT UNSIGNED NOT NULL COMMENT 'Позиция в меню:'

Ранее плагин был выложен и обсуждался на форуме »

---