Скачать вертикальное меню для joomla 3. Как в Joomla сделать меню в меню, менюшку из картинок, скрытое меню

Обзор модулей меню для CMS Joomla 3.x.

1. Maxi Menu CK

CMS Joomla 2.5/3. x.

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

После установки модуля на экране отображаются ссылки для загрузки документации к нему и платных опций: расширенного пакета графических тем оформления, плагина легкого управления меню, патчей для компонентов «Virtuemart», «Hikashop», «Joomshopping» и K2, а также плагина для корректного отображения созданного меню на мобильных устройствах.

Далее нужно перейти в «Менеджер модулей» и выбрать в нем «Maxi Menu CK». На вкладке «Module» панели управления модулем можно выбрать меню для публикации, ввести уникальный ID модуля, базовый пункт меню и его начальный и конечный уровни, а также можно выключить опцию подуровней.

Кроме того, можно воспользоваться мастером настройки меню:

Удобство использования мастера меню состоит в быстром переключении между типами меню и необходимыми им опциями, но актуально по большей части, лишь в случае установленных дополнительно платных расширений. На вкладке «Привязка к пунктам меню» можно выбрать страницы сайта, на которых будет отображаться модуль; вкладке «Effect Options» позволяет отключить использование эффектов на javascript, выбрать их тип загрузки и произвести настройку визуальных эффектов для пунктов и подпунктов меню. В «Styles Option» можно выбрать тему меню (по умолчанию доступно три), ориентацию меню, отключить адаптивный дизайн меню и выбрать файл CSS шаблона.

В разделе «Logo options» можно выбрать файл логотипа, который будет отображаться на меню, добавить к нему ссылку и определить его позицию, ширину, высоту и отступы. После выбора позиции меню в шаблоне и изменения состояния на «Опубликовано», меню появляется на сайте.

Работающее на сайте расширение выглядит следующим образом:

Данное меню (после установки платного патча) оптимально использовать в качестве основного меню для интернет-магазина на «Joomshopping», «Virtuemart» или «Hikashop», поскольку оно позволяет автоматически вывести список категорий товаров.

2. ARI Ext Menu

Расширение полностью совместимо с CMS Joomla 1.5-1.7/2.5/3. x.

Настраиваемый модуль меню, поддерживающий горизонтальную и вертикальную ориентацию, два эффекта перехода.

Для установки расширения требуется перейти к «Менеджеру расширений», выбрать посредством диалога загруженный файл модуля и нажать на кнопку «Загрузить и установить». В настройках модуля можно выбрать меню, которое будет отображаться посредством данного модуля, ориентацию меню, начальный и конечный уровень иерархии, а также настроить такие параметры, как показывать только активные подпункты меню, подсвечивать текущий пункт меню. Среди системных настроек доступны опция загрузка библиотеки ExtJS, выбор метода ее загрузки и генерация уникального идентификатора. Также можно настроить параметры стиля пунктов и подпунктов меню: цвет фона, текста, размер шрифта, выравнивание и прочее. Расширенные настройки модуля вполне стандартные и содержат параметры кэширования, срок кэширования, HTML-тег модуля, размер Bootstrap, HTML-тег заголовка и CSS-класс заголовка. После задания модулю позиции и публикации модуля на сайте появляется меню следующего вида:

3. Accordeon Menu CK

Расширение полностью совместимо с CMS Joomla 2.5/3. x.

Еще одно меню от студии JoomlaCK. Позволяет вставить красивые эффекты при открытии подменю, многократно использовать модуль на странице. Особенность модуля является возможность вставки в него других модулей. Также в дополнение к модулю имеются платные патчи для Hickashop и Virtuemart.

После стандартной процедуры установки расширения на экране появляется сообщение об успешной установке модуля и ссылка на загрузку документации к нему, а также приводится вид ссылки для вставки любого модуля в качестве одного из пунктов меню.

Перейдя к панели управления модулем можно выбрать меню для отображения в модуле, базовый пункт меню, начальный и конечный уровни, а также установить суффиксы и тип выравнивания ссылок для изображений. На вкладке «Effects» можно выбрать событие, при котором пункт меню открывается, будет ли показана ссылка при наведении курсора мыши на изображение, тип перехода, необходимость использования эффектов для активного подменю; также можно задать ID пункта меню, активного по умолчанию. На вкладке «Styles» можно выбрать для меню тему оформления, указать папки с изображениями, которые будут отображаться при свернутом и при развернутом меню, а также указать для них позицию выравнивания. Вкладка «Menu styles» содержит множество настроечных параметров внешнего вида меню: полей, заднего плана, закругления углов пунктов меню, теней и границ. На вкладках «First level link styles», «Second level link styles» и «Other level link styles» можно изменить шрифт, цвет текста и фона для ссылок, выводимых в пунктах меню. Вкладка «Third party extensions Options» предназначена для настроек совместимости с компонентами «Hikashop» и «Virtuemart» и требует загрузки и установки соответствующих патчей. Настройка мобильных опций в бесплатной версии расширения также недоступна.

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

4. JB DropDown Menu for Bootstrap

Расширение полностью совместимо с CMS Joomla 2.5/3. x.

Модуль меню, работающий с Twitter"s Bootstrap и JBootstrap, основан на встроенном модуле меню Joomla. Установка модуля стандартна. В настройках модуля требуется лишь выбрать одно из меню системы, начальный и конечный уровень, а также имеется настраиваемая возможность показывать подпункты меню. После того, как Вы назначите данному модулю его позицию и опубликуете его, на сайте появится меню следующего вида:

5. DJ-Menu

Расширение полностью совместимо с CMS Joomla 2.5/3. x.

Меню с выпадающим списком и анимированными эффектами на базе Mootools. Установка модуля производится стандартно. На вкладке «Module» настроек расширения необходимо выбрать меню, которое модуль будет отображать, а также определить последний из его уровней и, если это требуется, включить вывод меню на маленьких экранах и установить его ширину в этом случае. Вкладка «CSS3 Animations and script features» позволяет настроить эффекты анимации при входе и выходе из меню, а также скорость анимации, установить время задержки при закрытии подменю, CSS-класс заголовка, его HTML-тег и размер Bootstrap.

Ниже приведен пример созданного с помощью данного модуля меню.

Все рассмотренные в обзоре модули для создания на сайте под управлением CMS Joomla 3.x меню позволяют создать меню с подуровнями. Рассмотренные модули по большей части отличаются наличием тех или иных эффектов анимации и возможностью отображения на мобильных устройствах. Поэтому для сайтов, ориентированных на мобильных пользователей (а таких становится всё больше), стоит отдать предпочтение модулю «DJ-Menu». Модуль «Accordeon Menu CK» хорош тем, что позволяет вставить в себя содержимое другого модуля; модуль «JB DropDown Menu for Bootstrap» - самый простой и «легкий» из рассмотренных расширений и будет неплохо выглядеть в паре, например, с модулем меню Joomla по умолчанию. Функциональность модуля «Maxi Menu CK» впечатляет, но, поскольку в бесплатной версии она существенно ограничена, для того, чтобы воспользоваться ей, требуются финансовые вложения.

Для сайта любого уровня имеет большое значение то, насколько хорошо скомпонован его стиль, как все «склеено» воедино. Но в следующую же минуту, дизайн отходит на другой план, поскольку куда важнее становится то, насколько удобно организован интерфейс ресурса, как распределены материалы, насколько большая вероятность того, что с помощью меню можно добраться до любого раздела. И тогда сам владелец проекта уже должен думать о том, а действительно ли , которое предлагает разработчик шаблона настолько удобное, правильно ли и комфортно ли работать с поиском материалов, присутствует ли разделение тех же статей по категориям? Если данный аспект не доводить изначально до идеала, можно потерять тех посетителей, которые действительно могли бы принести вам прибыль, но просто не захотели иметь дело с непрофессиональным ресурсом, поскольку в ином случае, организация навигации по сайту была бы совсем другого уровня. Но не нужно думать, что только предоставленные в Joomla шаблон меню инструменты, становятся тем пределом, с которым придется работать. Для совершенствования структуры и навигации вашего проекта, можно легко использовать расширения, например Joomla модуль меню , способные внести очень значимые изменения в этот сегмент.

Конкретные предложения по доработке меню

Что же нам могут предложить расширения, которые находятся в этой категории? В первую очередь – это разнообразные меню. Самое интересное, что разработчики заботятся не только об удобной настройке и работе этих решений, а еще и о том, как они смотрятся. Для этого применяется анимация, предоставляются подборки цветов, разного рода шрифтов для меню, а также для них подготавливаются наборы иконок. Что еще лучше, здесь вы найдете варианты с поддержкой различного количества уровней, а это уже открывает дорогу к созданию серьезных систем навигации, благодаря которым можно через один Joomla пункт меню , попасть в любой раздел сайта, или даже какую-то категорию. Еще интереснее смотрятся варианты с использованием изображений, которые символизируют каждый пункт меню, такие дополнения уже есть в списке имеющихся у нас. Выбирайте Joomla выпадающее меню , специальные мега – меню, с огромными возможностями, а также аккордеон – меню Joomla 3 , имитирующие сворачивание обычного аккордеона для размещения содержимого. Но помимо таких предложений, данная категория имеет еще немало интересных разработок.

Создание категорий и прочего

Само собой, что используя различные тематические направления, нужно обеспечивать посетителям прямой доступ к нужным материалам, притом желательно сделать каждую категорию соответствующей её наполнению. Если тот формат, в котором ваш стандартный интерфейс выводит категории, вам не нравится, можно использовать соответствующие расширения. Для этого у нас вы найдете решения, выводящие категории в виде, подобном выпадающему меню, те, которые специально устанавливаются для сотрудничества с К2, или просто организовывают удобный доступ к подборкам контента, соответствующего определенной теме. В итоге, даже вам будет комфортнее работать со своим проектом, изначально распределяя новые поступления по «полочкам», ведь и поиск, и корректировка таких материалов становится удобней.

Сделайте перемещение по сайту действительно удобным

Когда проект оснащается удобным меню, когда на странице четко распределены категории, и даже не используя поиск можно найти занимательный для себя материал – с таким ресурсом хочется работать. К тому же, как и говорилось выше, все нынешние разработки направлены еще и на то, чтобы своим стилем исполнения привлечь внимание, ведь без этого тоже нельзя. Так что если вас не устраивает стандартный устрой основных элементов навигации на сайте, используйте расширения из этой категории чтобы сделать меню Joomla идеальным для вас.

Сегодня поговорим о том, как работать с меню в joomla 1.7-2.5. А именно о том как вывести модуль меню в позицию шаблона joomla, как назначить пункту меню текстовый материал или нужную страницу одного из компонентов joomla. Попутно рассмотри вопрос о том, как определить какие позиции существуют в вашем шаблоне joomla и в каком конкретно месте шаблона они раположены. Тем кто работает с joomla 1.5 статья будет так же полезна, поскольку в новых ветках джумлы админка отличается от своего младшего собрата, джумла 1.5.

До этого мы рассмотрели на локальный хостинг, разобрали , как сделать .

После того как вы как правило на сайт выводят различные модули в том числе и меню, рассмотрим это по подробнее. Заходим в админку joomla (_http://ваш_сайт/administrator ). В главном меню выбираем меню->менеджер меню->создать меню


В открывшемся окне указываем Тип меню (системное имя меню, только латинские символы) joomla, заголовок меню (отображается в панели управления), Описание меню joomla (необязательно). Жмем кнопку "сохранить". Заголовок меню и Тип меню, могут быть любыми, но лучше задавать название подходящее по смыслу. Я в примере указал "Меню слева, leftmenu", поскольку собираюсь выводить меню в левом сайдбаре шаблона joomla (в примере использую стандартный шаблон joomla Beez_20).


Меню joomla создано, осталось добавить в него пару тройку пунктов и вывести в нужную позицию вашего шаблона.

Добавляем пункты меню в joomla

Давайте создадим пункт для только что созданого меню (меню слева), пункт меню будет иметь тип "материал", т.е. по этому пункту меню будет выводиться материал joomla.

Чтобы создать пункт меню, нужно выбрать "меню->Название меню->Создать пункт меню ".

В открывшемся окне нужно:

  • выбрать "тип пункта меню"
  • указать "Заголовок пункта меню".

Из необязательных для заполнения полей:

  • Алиас - в джумле 1.7-2.5 может создаваться автоматически, в joomla 1.5 для этого использовался сторонний плагин. Если нужно указываем алиас, если ненужно, то он будет создан автоматически путем транслитерации заголовка пункта меню. Алиас пункта меню используется в составе ЧПУ (человеко-понятное урлы) адреса. Напимер, если у вас пункт меню называется "news" и в джумла включен SEF и используются суффиксы в адресе, то при выборе этого пункта меню откроется страница с адресом _http://ваш_сайт/news.html
  • Примечание - можно ввести любой текст. Этот текст нужен для подсказки, чтобы незабыть зачем создавали пункт меню).
  • Ссылка - заполнется автоматически при выборе типа меню (например для типа меню "материалы" может быть такой index.php?option=com_content&view=article&id=1 ). Если тип меню внешняя ссылка, тогда в этом поле нужно указать внешнюю ссылку.
  • Состояние - имеет 3 состояния: Опубликовано, Не опубликовано, В корзине. Если создаете пункт меню то оставте как есть ("Опубликовано").
  • Доступ - имеет 3 состояния: Для всех, Для администрации, для зарегистрированных. Оставте для всех если хотите чтоб все могли видеть этот пункт меню.
  • Меню - указываем меню для которого создаем пункт, по умолчанию выбрано меню для которого создается данный пункт.
  • Родительский элемент - Можно указать родительский пункт меню елси нужно создать вложенный пункт.
  • Порядок - можно указать за каким пунктом меню будет следовать создаваемый пункт. Порядок следования лучше настраивать в менеджере меню (меню -> название меню).
  • Целевое окно - как открывать ссылку - в новом окне (отдельная страницы, всплывающее окно) или в текущем.
  • Главная страница - выберите эту опцию если нужно привязать данный пункт меню к главной странице, т.е. по умолчанию на главной странице будет отображаться содержимое привязанное к данному пункту меню joomla.
  • Язык - оставте так как есть ("Все").
  • Стиль шаблона - Можно выбрать какой шаблон будет использован в качестве оформления страницы вызываемой по данному пункту.

По щелчку по кнопке выбрать появляется всплывающее окно. Раз уж мы собрались создавать пункт меню ссылающийся на статью joomla, то выбирите из графы "Материалы" элемент "материал"

откроется предыдущее окно в котором будет заполнено поле "Ссылка" и справа появиться поле в котором можно выбрать материал. Выбираем нужный материал (он должен быть предварительно создан).


После того как меню создано и заполнено нужным колличеством пунктов его можно выводить в шаблон joomla при помощи стандартного модуля, но перед этим нужно определиться сколько и какие позиции есть в вашем шаблоне.

Определяем позиции доступные в вашем шаблоне и их расположение

Модули в джумла выводятся в так называемые позиции в шаблоне. Если открыть файл index.php (шаблоны в joomla находятся в папке: templates , в корне вашего сайта) почти из любого шаблона, то можно обнаружить в нем строки следующего содержания countModules("position-12")): ?>

Как не трудно догадаться, "position-12" - это имя позиции в шаблоне joomla.

Примечание : одной из отличий joomla 1.6 и старше от версии 1.5 это имена позиций. В joomla 1.5 позиции именовались: user1, user2,...,left, right, banners, top... В новых версиях по умолчанию определены позиции: position-1, position-2,..., что, на мой взгляд не удобно, хотя не принципиально. Впрочем вы можете поменять имена позиции вручную на более привычные вам, изменить их количество, все это делается путем редактирования файла "templateDetails.xml" из вашего шаблона joomla.

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

Чтобы проверить какие позиции доступны в вашем шаблоне joomla нужно обратиться по адресу _http://ваш_сайт/?tp=1 . В результате в браузере будет показана страница вашего сайта на joomla, в которой все имеющиеся позиции будут отмечены контуром и подписаны надписью, которая соответствует названию позиции.

По умолчанию в joomla 1.6-2.5 откючена возможность демонстрировать какие позиции доступны в шаблоне (tp=1 не дает результата). Это не плохое нововведение, поскольку не всегда нужно чтобы посторонние знали что у вас сайт на joomla или знали какие то ньюансы о вашем сайте. Поэтому на стадии разработки сайта эта возможность включается через админку joomla, а когда не нужно можно отключить показ позиций доступных в шаблоне.

Чтобы включить возможность отображать позиции доступные в вашем шаблоне joomla, нужно сделать следующее: обратиться к пункту меню "Расширения->Менеджер шаблонов "

на вкладке "шаблоны" перевести переключатель "просмотр позиций модулей" в положение "включено".

Теперь можно путем добавки в конец адреса сайта (?tp=1 ) увидеть какие позиции существуют в шаблоне и в каком месте они выводятся.

Выводим модуль меню joomla в нужную позицию шаблона

Для того, чтобы созданное вами меню распологалось на страницах вашего сайта его туда нужно вывести при помощи модуля (mod_menu). Заходим в менеджер модулей (Расширения-> менеджер модулей).

В открывшемся окне жмем кнопку "Создать".

Во всплывающем окне выбираем тип модуля - "Меню".

Далее указываем: Заголовок модуля (я выбал название такое же как у самого меню), Показывать заголовок - обычно отключают, Жмем по кнопке выбор позиции и из всплывающего окна выбираем нужную позицию (я выбрал position-7, т.к. эта позиция находится в левом сайдбаре моего шаблона), Состояние - оставляем опубликовано.

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

Качественный видеокурс по созданию сайтов на joomla

Ну и на последок. для лучшего усвоения материала предлогаю посмотреть видео на тему создания меню в joomla 1.5

Здравствуйте друзья! На связи Заур Магомедов. В данной заметке хочу представить вам симпатичное вертикальное аккордеон меню для сайта на Joomla 2.5 — 3.0 . Данное меню очень простое и не требует внедрения большого кода, на что я очень часто обращаю внимание. Как говорится — «Лучше меньше, да лучше».

Мы уже рассматривали в предыдущих постах создание горизонтального меню и создание горизонтального многоуровневого меню для joomla 2.5. Вот теперь добрались и до вертикального.

Для начала посмотрите демо, как это все выглядит, если нравится, то качаем пакет с исходными файлами.

Я нашел данное меню в интернете и решил адаптировать его для сайта на cms Joomla, т.к. мне самому данное меню очень понравилось, как по внешнему виду, так и по легкости подключения. Слегка подправив скрипт самого меню и стили css, получил такой вот результат как на .

Подключение меню в joomla 3.x.x

Первым делом распаковываем архив в определенную папку на вашем компьютере. Следующее, что мы сделаем это скопируем картинки из папки images в папку картинок вашего шаблона. Обычно во многих шаблонах это папка images, если она у вас называется иначе, например, img, то вы должны изменить пути до картинок в файле стилей — vmenu.css. Также нам необходимо подключить один из скриптов меню. Я предлагаю создать в корне вашего шаблона папку «js» и положить в нее файлы скриптов — menu.js или menu-collapsed.js. Почему два файла? Дело в том, что, если вы заметили, на демо-сайте есть два варианта отображения данного меню. Можете внимательно посмотреть чем они отличаются друг от друга. Подключаем понравившийся вариант скрипта menu.js или menu-collapsed.js. Вариант 1 — это скрипт menu-collapsed.js, а вариант 2 — это menu.js. Для этого в самом начале файла index.php шаблона вставим следующие строки:

addStyleSheet(JUri::base()."/templates/".$this->template."/css/vmenu.css"); // подключаем файл стилей $doc->addScript(JUri::base()."/templates/".$this->template."/js/menu-collapsed.js"); // подключаем скрипт меню, в данном случае это вариант 1 ?>

Нам также необходима библиотека jQuery, но в joomla3 она подключена уже по умолчанию, т.к. используется фреймворк .

Итак, файл css содержит в себе следующий код:

/******************************** Вертикально-выпадающее меню аккордеон ************************************************************/ ul.vmenu { font: bold 12px Arial,Helvetica,sans-serif; list-style: none outside none; margin: 0; padding: 0; list-style:none; } ul.vmenu li { margin: 0 0 2px; } ul.vmenu li a { background: url("../images/vmenu-li-bg.jpg") left bottom repeat-x; border: 1px solid #D5D5D5; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #515151; display: block; padding: 5px 8px; text-decoration: none; } ul.vmenu li > a:hover, ul.vmenu li.active > a, ul.vmenu li > a:focus {background-color:transparent; color:#0088CC} ul.vmenu li.parent > a:after { background:url("../images/arrow-dropdown.png") no-repeat; display:block; content:""; float:right; margin:8px 5px 0 0; height:3px; width:6px; } /* Выпадающие пункты */ ul.vmenu li ul { font-weight: normal; margin: 10px 0 10px 15px; list-style:none; } ul.vmenu li ul li { background:none; margin:0 0 5px } ul.vmenu li ul li a { background: url("../images/vmenu-arrow.png") no-repeat scroll 5px center transparent !important; border: medium none; padding: 0 0 0 15px; } ul.vmenu li ul li a:hover {color:#29719E;text-decoration:underline} ul.vmenu li ul li.active a {color:#29719E;font-weight:bold} /********************* Вертикально-выпадающее меню аккордеон - вариант 2 ************************************************************************/ ul.vmenu2 { font: bold 12px Arial,Helvetica,sans-serif; list-style: none outside none; margin: 0; padding: 0; list-style:none; } ul.vmenu2 li { margin: 0 0 2px; } ul.vmenu2 li a { background: url("../images/vmenu-li-bg.jpg") left bottom repeat-x; border: 1px solid #D5D5D5; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #515151; display: block; padding: 5px 8px; text-decoration: none; } ul.vmenu2 li > a:hover, ul.vmenu2 li.active > a, ul.vmenu2 li > a:focus {background-color:transparent; color:#0088CC} ul.vmenu2 li.parent > a:after { background:url("../images/arrow-dropdown.png") no-repeat; display:block; content:""; float:right; margin:8px 5px 0 0; height:3px; width:6px; } /* Выпадающие пункты */ ul.vmenu2 li ul { font-weight: normal; margin: 10px 0 10px 15px; list-style:none; } ul.vmenu2 li ul li { background:none; margin:0 0 5px } ul.vmenu2 li ul li a { background: url("../images/vmenu-arrow.png") no-repeat scroll 5px center transparent !important; border: medium none; padding: 0 0 0 15px; } ul.vmenu2 li ul li a:hover {color:#29719E;text-decoration:underline} ul.vmenu2 li ul li.active a {color:#29719E;font-weight:bold}

В данном файле содержатся стили обоих вариантов и вы можете удалить стили ненужного вам варианта меню.

Еще раз напомню! На демо-сайте два варианта меню и наверняка вы выберите один из них. В таком случае нет необходимости подключать оба файла скрипта, достаточно только одного.

  • Файл menu-collapsed.js. — это у нас вариант 1 — Меню аккордеон — вариант 1
  • Файл menu.js — это у нас вариант 2 — Меню аккордеон — вариант 2
  • Суффикс класса меню (через пробел) для варианта 1 — vmenu
  • Суффикс класса меню (через пробел) для варианта 2 — vmenu2

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

Подключение меню в joomla 2.5.x

Подключение меню в joomla 2.5 ничем не отличается от подключения в joomla 3, за исключением того, что нам необходимо подключить еще дополнительно библиотеку jQuery. Для этого в вышеприведенный код добавляете следующую строчку:

addScript("http://code.jquery.com/jquery-latest.min.js"); //подключаем последнюю версию библиотеки jQuery ?>

У нас получится примерно следующее:

addScript("http://code.jquery.com/jquery-latest.min.js"); //подключаем последнюю версию библиотеки jQuery $doc->addScript(JUri::base()."/templates/".$this->template."/js/menu-collapsed.js"); //подключаем скрипт меню, в данном случае это вариант 1 ?>

И еще кое что. В joomla 2.5 нет тип пункта меню Системные ссылки -> Заголовок, там есть только тип текстовый разделитель — Разделитель, но такой тип пункта нам не подойдет, т.к. заголовок пункта меню не будет обрамлен ссылкой. В данном случае вам необходимо выбрать тип «Внешний URl» и в качестве урл вставить заглушку — #. Все остальное тоже самое.

Вот и все, что хотел сказать. Если что то не получается (возможно и я где то ошибся в тексте), то задаем вопросы в комментариях. Всем пока, до встречи в следующих постах!

C swMenuFree 8 Вы можете быстро создать раскрывающийся или всплывающее меню для Joomla всех версий, включая joomla 3 и 2.5 При помощью mygosu , транс, или superfish меню системы.

Особенности:

  • Интерфейс позволяет бесконечно дизайн модуля не зная CSS
  • Шрифт True type для интеграции высшего и подменю пункты с помощью легко получить cufon файлы шрифтов
  • Независимые углу стили для каждого угла полное меню верхнего меню и подменю.
  • Расширенное меню источника функции меню есть возможность автоматически создать все меню структур от содержимого(content только меню), Или слишком автоматически добавлять элементы контента в качестве элементов меню существующих категорий(hybrid Меню). Эта уникальная система меню и content integration позволяет вам самостоятельно составить меню, которое автоматически обновляется добавления содержимого. Virtuemart integation также поддерживается.
  • Создание и экспорт внешнюю таблицу стилей и редактировать его вручную для неограниченные возможности укладки.
  • Активное меню функция автоматически будет держать в верхнем меню обозначены часть сайта не рассматривается.
  • Live preview, чтобы увидеть изменения, так как они изготавливаются, а также полный просмотр, чтобы просмотреть все меню модуля.
  • Интегрированные обновления/исправления объекта делает его легко улучшена будущих версиях swMenuFree без потери настроек.
  • В настоящее время имеет 12 включены переводы компонент администрирования.

Разработка приложений для мобильных платформ. Создание приложений для iPhone, iPad, а также для мобильных телефонов (и планшетов) под управлением Android и WP7 dev-iq

swMenuFree8.0 работает на всех версиях Joomla Joomla 2.5 и 3.

  • Добавлены новые пышные углы js и лучше совместимость углы и границ
  • Встроенный редактор и модуль для Joomla media manager в интерфейс
  • Добавлена фон повторить и положения опции для всех фоновых изображений.
  • Обновление базы данных в ядро код для лучшую производительность и масштабируемость в будущем
  • Добавлена таблетка/mobile friendly параметр, чтобы сделать меню работы на мобильных устройствах.
  • более подменю параметры индикатора плюс еще много исправлений, CSS и javascript.

Если ваш текущий swMenuFree хорошо работает, то нет необходимости модернизировать.

Это обновление работает лучше, так как новая установка. Однако, это будет обновить существующий swMenuFree, если загружены на "Обновления/Исправления swMenuFree", стр. Тем не менее, необходимо обновить окно браузера, находясь на этой странице несколько раз для того, чтобы настройки будут скопированы в новую структуру базы данных. Вы также будете иметь, скорее всего, отредактировать меню после обновления.