|
|
Меню в шаблоне JoomlaОпубликовано: 25.10.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>. |
Пользовательское соглашение
| Copyright © 2016 Все права защищены.
|