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

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="http://yapro.ru/uploads/Files/menu/1.css" type="text/css" rel="stylesheet"><ul id="horizontal-multilevel-menu">{~lebnik_fullmap_ulli.php~}</ul>


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

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

<link href="http://yapro.ru/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="http://yapro.ru/uploads/Files/menu/vertcssmenujs.js"></script>


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

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

<link href="http://yapro.ru/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="http://yapro.ru/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 'Позиция в меню:'

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

Теги : меню, древовидность, карта сайта
Оцени плагин:
  • 2,10
Оценили человек: 2
обновлен 11 января 2011 года в 15:09     Admin

Комментарии посетителей:
  • :-)8 (yea)
    20 февраля 2011, 15:11 коммент полезен : +1 # Гость
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри

Категории:

Доступ и авторизация (2)

Новости и списки (2)

Фотографии и изображения (3)

Поиск и индексирование (1)

SEO и продвижение (4)

Социальность и сообщества (1)

Контакты и обратная связь (5)

Контент и отображение (5)

Структура и навигация (9)

Инструменты управления (1)

Оценки и рейтинги (1)

Статистика (1)

Комментарии (3)

Импорт и экспорт (2)

Другое (4)


Популярность по тэгам:

Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Плагины и модули » Структура и навигация »