Меню в шаблоне Joomla
15.12.2017
Как мы видели в Главе 5 «Создание меню и навигации», существует много параметров настройки генерации меню.
И в этом случае использование средств CSS вместо таблиц приводит к сокращению кода и более легкой разметке. После установки для всех наших меню параметра list («список») у нас осталось только 12 таблиц (мы рассмотрим как удалить остальные, используя новую функцию преобладания в версии 1.5). Помните, установка list относится к версии 1.5; flat list был 1.0 и нас не интересует. «Списки» также лучше таблиц, тем что текстовые браузеры, читалки экрана, браузеры без поддержки CSS или с выключенной поддержкой CSS, поисковые роботы будут получать более простой доступ к вашему контенту.
Еще одно преимущество использования CSS для меню — то, что есть масса разнообразных примеров кода на различных сайтах разработчиков CSS. Давайте посмотрим на один из них и подумаем, как такой код можно использовать.
Страница с примерами на maxdesign.com содержит более 30 меню, основанных на одном основном коде. Там он назван «Listamatic». мы должны кое-что подправить в коде, чтобы приспособить эти меню к Joomla.
Создание главного меню в Joomla 3
Эти списки используют следующий код:
<div id ="navcontainer" > <ul id ="navlist" > <li id ="active" > <a href =" #" id ="current" > Item one </a > </li > <li > <a href ="#" > Item two </a > </li > <li > <a xhref ="#" > Item three </a > </li > <li > <a href ="#" > Item four </a > </li > <li > <a href ="#" > Item five </a > </li > </ul > </div >Это означает, что обрамляющий <DIV> назван navcontainer а <UL> имеет ID navlist. Чтобы дублировать этот эффект в Joomla, мы должны иметь такой же обрамляющий <DIV>.