Css для меню joomla

Для этой CMS доступно большое количество бесплатных расширений. Сегодня я подготовил для вас лучшие расширения меню Joomla .

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

Maxi Menu CK

Это выпадающее адаптивное мега-меню с несколькими столбцами. Также можно загружать внутрь него модули. iPhone , iPad , Android-совместимое . AdsManager , совместимый с Joomshopping , Virtuemart , Hikashop :


Скачать / Дополнительная информация

SJ Flat Menu

Это простой, но мощный модуль для улучшения юзабилити и навигации сайта! Он позволяет отображать многоуровневые меню. С его помощью можно вывести выпадающее, аккордеон-меню, горизонтальное или вертикальное меню с элементами, раскрывающимися в правую или левую сторону. Меню, созданное с помощью данного модуля меню для Joomla 3 , поможет посетителям сайта находить нужный контент, не тратя на это много времени:


Скачать / Дополнительная информация

JF Mobile Menu Module


Демо-версия Скачать / Дополнительная информация

Responsive Menu Module for Joomla

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

Данный модуль включает в себя множество функций, таких как выбор пользовательских цветов для фона меню и ссылок, 20 различных стилей шрифтов на выбор, закругленные или прямые углы и т.д. Хотите создать уникальное стилизованное меню с экстремальными цветовыми сочетаниями? Модуль Grue — это то, что вы ищете:


Демо-версия Скачать / Дополнительная информация

FREE Accordion Menu Joomla

Анимация в модуле меню для Joomla 3 создается с помощью библиотеки jQuery . В модуль включены готовые скины, и я решил сделать их на 100% настраиваемыми. Теперь пользователи могут редактировать цвета меню и изменять стиль шрифта:

Читайте также:  Резервное копирование iphone на time capsule


Демо-версия Скачать / Дополнительная информация

Sticky Horizontal Bar Module Joomla


Демо-версия Скачать / Дополнительная информация

DJ-Menu

Это меню с анимированными эффектами mootools для Joomla 2.5 и 3.0 . Теперь можно легко управлять меню независимо от того, является ли оно анимированным или для него просто заданы стили CSS , без скриптов. DJ-Menu также является адаптивным. Модуль позволяет использовать в адаптивных шаблонах выпадающие меню и на небольших экранах:


Демо-версия Скачать / Дополнительная информация

jQuery Slide-Down-Box Menu for Joomla 2.5 & 3.x


Демо-версия Скачать / Дополнительная информация

RokNavMenu

Предоставляет возможность настройки элементов выпадающего меню Joomla 3 с помощью различных параметров. От иконок до отображения пользовательских модулей — пользователи получают больше контроля над меню:


Скачать / Дополнительная информация

jQuery Fly-Out Menu for Joomla 2.5

Простой в использовании модуль для создания меню, который поставляется с семью разными стилями цвета. Он использует библиотеку jQuery для эффекта плавного раскрытия меню. Легко настраивается и поддерживает многоуровневые меню ( до 5 уровней ):


Демо-версия Скачать / Дополнительная информация

Меню ARI Ext

Модуль поддерживает вертикальное и горизонтальное меню Joomla 3 , два эффекта переходов. Он распространяется бесплатно по лицензии GPL :


Демо-версия Скачать / Дополнительная информация

RokNavMenu

Мощный модуль меню, который существенно расширяет базовый функционал Joomla . Он предоставляет платформу для расширения меню, позволяя изменять и дополнять их.

Демо-версия Скачать / Дополнительная информация

Данная публикация представляет собой перевод статьи « 10+ BEST FREE MENU EXTENSION FOR JOOMLA » , подготовленной дружной командой проекта Интернет-технологии.ру

Администратору

Меню CSS Joomla

На днях начал верстать макет для Joomla, опять пришлось лезть в интернет и потратить довольно о много времени на элементарные вещи.

Макет довольно легкий, но меню надо оформить по всем правилам Joomla . т.е отдельные классы для всего стиля меню, отдельный класс для активного меню, отдельный класс для подменю.

Вот что получилось . (к некотором меню я добавлял свои префексы, что бы сделать классы уникальными)

#topmenu a
<
font: 16.5pt Arial, Helvetica, sans-serif;
padding:0 23px 0 0;
font-weight: bold;
text-decoration:none;
color:#FFF;
font-style: italic;
font-variant: small-caps;
>

/* АКТИВНОЕ МЕНЮ */

#topmenu #active_menumm
<
color: #102F7F;
text-decoration:underline;
font:italic;
>
#leftmenu a
<
font: 22pt Arial, Helvetica, sans-serif;
text-decoration:none;
color: #014993;
font-variant: small-caps;
>
#leftmenu #active_menu
<
color: #014993;
text-decoration:underline;
font:italic;
>

Читайте также:  Материнская плата amd fm2

/* ПОМЕДМЕНЮ */

#leftmenu .sublevel
<
font: 14pt Arial, Helvetica, sans-serif;
color: #102F7F;
padding: 0 0 0 41px;
font-variant: small-caps;
>

Разберём стандартный путь – работа с базовыми расширениями joomla.

1. Создаём новое меню. Для этого нужно зайти в менеджер меню.

Нажать кнопку «Создать», в левом верхнем углу страницы.

И заполнить поля:

• заголовок – по нему мы всегда сможем найти своё меню в длинном списке других созданных нами модулей;

• тип меню – зададим говорящее название– topmenu (как известно в Joomla 3 предусмотрено 2 стандартных меню: mainmenu, обычно вертикальное боковое, и горизонтальное topmenu);

• описание – строка не обязательная для заполнения, но помогает ориентироваться во множестве созданных модулей.

Не забываем сохранять результат.

2. Создаём для нового меню модуль. Нажимаем соответствующую кнопку напротив нового меню и заполняем форму.

Главное ввести аналогичный заголовок и выбрать нужную позицию (Обычно используют "Top [ position-1]", но вы можете выбрать любую вам подходящюю).

3. Затем выбираем вкладку «Дополнительные параметры» и вводим в строку «суффикс класса меню» следующее – « nav-pills» с обязательным пробелом перед введением слов nav-pills . Сохраняем внесённые изменения.

4. Создаём пункты, чтобы проверить наглядно, как работает модуль горизонтального меню для joomla 3. Возвращаемся в менеджер меню и выбираем «Пункты меню».

Далее «Создать» страницу. Например, "Главная", "Контакты", "Статьи", "Новости", "Каталог".

Прежде чем создавать тот или иной тип пункта, например, материалы, нужно, чтобы в Joomla нужный материал уже был добавлен. Иначе тип пункта «Материалы» создать не удастся. Тоже касается и контактов, ссылок, лент новостей.

Теперь можем посмотреть, какое горизонтальное меню у нас получилось.

Настройка меню

Базовый компонент меню в Joomla 3 можно изменять на своё усмотрение:

  1. создавать разные пункты меню (материалы, контакты, ссылки, ленты новостей и прочие);
  2. назначать один из пунктов главной страницей;
  3. а также изменять базовые стили.

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

Стили, в отличие от предыдущих версий Joomla , проработаны хорошо, но только в шаблоне Protostar.

1) Проверим, установлен ли он у вас. Для этого зайдите в расширения, а далее в менеджер шаблонов (В админке вкладка "Расширения"). Если он есть в списке и напротив стоит жёлтая звёздочка, значит этот шаблон используется по умолчанию.

Читайте также:  Как посчитать проценты пример

1) Переходим к модулю нашего горизонтального меню, в нем вкладка " Дополнительные параметры" – ранее уже редактировали . В нём уже задана позиция и суффикс класса. Как раз последний мы и будем менять, вставляя разные базовые значения:

Специализированные модули

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

Модуль Za Horizontal & Vertical

Подходит для Joomla 3 и 2.5. С его помощью можно создавать вертикальные и горизонтальные меню, а также многоуровневые (неограниченное количество подменю). Совместим со всеми популярными браузерами. Содержит 5 анимированных стилей оформления. Можно регулировать продолжительность анимации, менять цветовые схемы, шрифт и двигать границы. Позиционируется разработчиками как гибкий и простой модуль. К сожалению, не бесплатный.

BM Cool Menu

Любимый многими веб-разработчиками модуль, бесплатный и безопасный. Создавался для Joomla 3. Простой в использовании, адаптивный. Поддерживает многоуровневые меню. Можно донастраивать вручную, если знать, как (через CSS ).

SJ Flat Menu

Профессиональная разработка для Joomla 3 и 2.5. Это мощный адаптивный модуль, показывает многоуровневое меню в оригинальном стиле. Оформлением можно менять: в виде акк ордео на или всплывающих пунктов в вертикальном (левом или правом) и горизонтальном меню. Множество параметров доступно для изменения. На мобильных устройствах автоматически переключается с горизонтального на вертикальный тип.

ARI Ext Menu

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

MAXI Menu CK

Для Joomla 3 и 2.5. Мощный и SEO -оптимизированный модуль, позволяет создавать горизонтальное и вертикальное выпадающее меню. Адаптивный дизайн. Красивые эффекты. Функционал демо-версии ограничен. В полной платной версии имеются пакеты различного оформления и тем, плагины лёгкого управления и корректного отображения на мобильных устройствах.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock detector