Система меню IceMenu

Система меню IceMenu, 5.0 из 5 основанный на 36 голосах.

Модуль IceMegaMenu и IceVerticalMenu

IceMegaMenu и IceVerticalMenu - бесплатные модули и плагин от команды разработчиков IceTheme для Joomla 1.6, Joomla 1.7 и Joomla 2.5. Модули предназначены для замены стандартного модуля меню, добавляя вашему сайту новые возможности:

  • работы с отключенным языком JavaScript – CSS меню;
  • задания размера колонок;
  • вывода пунктов меню в несколько колонок;
  • вывода подзаголовков;
  • вывода модулей в пункты меню;
  • вывода изображений в пункты меню;
  • эффектного появления и исчезновения элементов меню;
  • создания эффекта прозрачности.

Для работы модулей мегаменю системы «IceMenu» необходима установка плагина, входящего в состав дистрибутива.



Где скачать модули IceMegaMenu, IceVerticalMenu и плагин

Оригинальные модули и плагин можно скачать на странице разработчиков
http://www.icetheme.com/Joomla-Extensions/IceMegaMenu.html и http://www.icetheme.com/Joomla-Extensions/IceVerticalMenu.html

Если вам нужна русская локализация IceMegaMenu и IceVerticalMenu, она доступна на моем сайте в конце этой статьи.


Установка модуля IceMegaMenu и IceVerticalMenu

Для установки модулей, зайдите в административную часть сайта, выберите пункт меню «Расширения - Менеджер расширений», выберите соответствующий архив модуля, нажмите кнопку «Загрузить и установить». Модуль будет установлен в Joomla.

Установка модуля IceMegaMenu и IceVerticalMenu Установка модуля IceMegaMenu и IceVerticalMenu

Устранение мелких недоразумений

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

Конфигурация модуля IceMegaMenu и IceVerticalMenu Конфигурация модуля IceMegaMenu и IceVerticalMenu

Откройте вкладку «Другие параметры». Если вы видите сообщения, похожие на

Warning: is_dir() [function.is-dir]: open_basedir restriction in effect. File(/media/media/images) is not within the allowed path(s): (/var/www/kvb/data:.) in /var/www/kvb/data/www/joomla.e-kzn.ru/libraries/joomla/form/fields/filelist.php on line 59 Warning: is_dir() [function.is-dir]: open_basedir restriction in effect Warning: is_dir() [function.is-dir]: open_basedir restriction in effect

Не пугайтесь, это не ошибка компонента, это лечится. У Joomla open_basedir замкнут в рамках домена, а у хостера относительно директории аккаунта или же относительно корневой директории сервера. Разумеется, политика безопасности не допускает подобных операций и выдает предупреждающее сообщение. Подавить сообщения можно двумя способами:

1. Найдите строку 59 в файле JOOMLA_ROOT/libraries/joomla/form/fields/filelist.php

		// Get the path in which to search for file options.
		$path = (string) $this->element['directory'];
		if (!is_dir($path)) {
			$path = JPATH_ROOT.'/'.$path;
		}

Подавите предупреждающее сообщение

		// Get the path in which to search for file options.
		$path = (string) $this->element['directory'];
		if (!@is_dir($path)) {
			$path = JPATH_ROOT.'/'.$path;
		}

2. Сообщение можно подавить и включением директивы php_flag display_errors off в файл .htaccess, но лично я отдаю предпочтение первому способу.


Создание иерархического меню для системы IceMenu

Для теста создадим меню, которое и будем выводить с помощью модулей «IceMegaMenu» и «IceVerticalMenu». Пройдите по меню административной панели «Меню – Менеджер меню – Создать меню», укажите заголовок и имя меню, например «Test».

Создание иерархического меню IceMenu Создание иерархического меню IceMenu

Приступаем к созданию пунктов меню, указав необходимый уровень доступа, я сделаю «Для всех».

Права доступа к пунктам меню IceMenu Права доступа к пунктам меню IceMenu

Для демонстрации привяжем меню к материалам. Выберите «Тип пункта меню», Заполните поле «Заголовок меню» и выберите материал. Затем сохраните.

Привязка пунктов меню IceMenu к материалам Привязка пунктов меню IceMenu к материалам

При создании иерархического меню с вложенными подпунктами обратите внимание на «Родительский элемент». Как пример, я указал для «Пункт 2» в качестве родительского «Пункт 1».

Родительский пункт меню IceMenu Родительский пункт меню IceMenu

Создайте по такому принципу следующую иерархию будущего меню:

Иерархия многоуровневого меню Иерархия многоуровневого меню

Настройка модуля IceMegaMenu и IceVerticalMenu

Дошла очередь до настройки модуля, пройдите по ссылке «IceMegaMenu Module».

Настройка модуля IceMegaMenu и IceVerticalMenu Настройка модуля IceMegaMenu и IceVerticalMenu

Укажите позицию для вывода модуля, выберите состояние «Опубликовано», Выберите меню «Test».

Выбор меню для модуля IceMegaMenu и IceVerticalMenu Выбор меню для модуля IceMegaMenu и IceVerticalMenu

Все остальное во вкладке «Параметры IceMegaMenu» можно установить по вкусу. Я перевел подсказки, из них вполне можно понять, что и для чего предназначено. Во вкладках «Дополнительные параметры» и «Другие параметры» все остается по умолчанию.

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

Вид меню с модулем IceMegaMenu и IceVerticalMenu Вид меню с модулем IceMegaMenu и IceVerticalMenu

Настройка модуля IceVerticalMenu ничем не отличается от описанного здесь. Описывать тоже самое не вижу смысла. Получится вертикальное выпадающее меню.


Установка плагина системы меню IceMenu

Для установки плагина, зайдите в административную часть сайта, выберите пункт меню «Расширения - Менеджер расширений», выберите архив плагина, нажмите кнопку «Загрузить и установить». Плагин будет установлен в Joomla.

Установка плагина IceMegaMenu Установка плагина IceMegaMenu

После установки плагин необходимо включить. Пройдите по меню «Расширения – Менеджер плагинов» и перейдите по ссылке «IceMegaMenu Plugin».

Выбор плагина IceMegaMenu Выбор плагина IceMegaMenu

Смените статус плагина на «Включено».

Включение плагина IceMegaMenu Включение плагина IceMegaMenu

Что мы теперь имеем? Зайдем в менеджер меню, выберем созданное ранее нами меню «Тест» и откроем страницу конфигурации.

Конфигурация пункта меню Конфигурация пункта меню

Появилась новая вкладка «Параметры IceMegaMenu» с дополнительными настройками. Для «IceVerticalMenu» появится аналогичная вкладка «Параметры IceVerticalMenu». В документации упоминается возможность вставить в меню изображение или любой модуль как пункт меню, выводить подменю в несколько колонок. Дальнейшая настройка плагина «IceMegaMenu» будет зависеть от конкретных пожеланий.


Как вставить модуль в меню IceMegaMenu и IceVerticalMenu

Вставим в 10-й пункт меню модуль «Вход на сайт». Выберите из выпадающего списка «Тип дочернего меню» тип «Модули», а в списке «Отображение модулей» - модуль «Вход на сайт».

Вставка модуля в меню IceMegaMenu и IceVerticalMenu Вставка модуля в меню IceMegaMenu и IceVerticalMenu

Посмотрим что получилось. На месте 10-го пункта меню начал отображаться модуль «Вход на сайт».

Модуль входа на сайт в меню IceMegaMenu и IceVerticalMenu Модуль входа на сайт в меню IceMegaMenu и IceVerticalMenu

Как вставить модуль из позиции в меню IceMegaMenu и IceVerticalMenu

Для демонстрации вставки в мега меню модуля из позиции я опубликую форму поиска и вставлю ее в «Пункт 6».

Публикация модуля поиска Публикация модуля поиска

На сайте в указанной мною позиции «position-6» отобразится форма поиска.

Поиск по сайту Поиск по сайту

А теперь перейдем к странице редактирования «Пункт 6» нашего меню. Указываем «Тип дочернего меню» - «Позиции модулей», из списка «Отображение позиций» выбираем «position-6».

Вставляем модуль из позиции в меню IceMegaMenu и IceVerticalMenu Вставляем модуль из позиции в меню IceMegaMenu и IceVerticalMenu

Смотрим, что у нас получилось.

Поиск по сайту в меню IceMegaMenu и IceVerticalMenu Поиск по сайту в меню IceMegaMenu и IceVerticalMenu

Если вам необходимо сделать вывод модуля только в меню, не выводя на страницах сайта – в настройке модуля меню укажите «Привязка модуля» - Ни на одной странице.

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

Как вставить изображение в пункт меню IceMegaMenu и IceVerticalMenu

Вставим в 11-ый пункт меню изображение. Зайдите во вкладку «Параметры отображения ссылки» и в поле «Изображение ссылки» введите относительный путь к файлу изображения. Сохраните изменения.

Вставляем изображение в пункт меню Вставляем изображение в пункт меню

Теперь в меню рядом с надписью отображается картинка.

Изображение в пункте меню IceMegaMenu Изображение в пункте меню IceMegaMenu

Как выводить подзаголовки в подменю IceMegaMenu и IceVerticalMenu

При редактировании пункта меню на вкладке «Параметры IceMegaMenu» можно ввести «Подзаголовок». Создадим подзаголовки для 2,5 и 7 пунктов меню.

Создание подзаголовков для пунктов меню IceMegaMenu и IceVerticalMenu Создание подзаголовков для пунктов меню IceMegaMenu и IceVerticalMenu

Сохраняем и смотрим.

Подзаголовки пунктов меню IceMegaMenu и IceVerticalMenu Подзаголовки пунктов меню IceMegaMenu и IceVerticalMenu

Как выводить подменю в несколько колонок IceMegaMenu и IceVerticalMenu

Создадим дополнительно 9-ть пунктов меню с материалами, в качестве родительского элемента укажем «Пункт 12». Полученная иерархия меню показана на рисунке.

Создание вложенного меню Создание вложенного меню

Создадим иерархическое горизонтальное выпадающее меню 3x3. Для этого вновь посетим страницу конфигурации меню «Пункт 12», который является родительским для иерархии. Укажем количество колонок - 3, ширину колонок и количество пунктов меню в каждой из колонок.

Как выводить подменю в несколько колонок IceMegaMenu и IceVerticalMenu Как выводить подменю в несколько колонок IceMegaMenu и IceVerticalMenu

Сохраняем и смотрим.

Мегаменю созданное модулем IceMegaMenu Мегаменю созданное модулем IceMegaMenu

Все сделано, все работает. Только не красиво и криво. Это далеко от того вида, который мы видим в демо студийных шаблонов со встроенным модулем. Придется править таблицу стилей.


Как поменять стиль мегаменю IceMegaMenu

В первую очередь – что мне конкретно не нравится:

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

Стоит показать, что мне нравится. Примером может служить меню шаблона «Nano Theme» студии YooTheme. Подобие реализую и я.

Меню  шаблона Nano Theme студии YooTheme Меню шаблона Nano Theme студии YooTheme

Я не буду рассказывать, как разбирался со стилями. Я расскажу, каким изменениям я его подверг. Сразу предупрежу – в настройках модуля «IceMegaMenu» выбрана тема «По умолчанию» и включено использование Javascript.

В папке с шаблоном JOOMLA_ROOT/templates/ВАШ_ШАБЛОН/html создайте папку mod_icemegamenu. У меня в примере используется шаблон «beez5».

Из папки JOOMLA_ROOT/modules/mod_icemegamenu/themes/default скопируйте в созданную папку папки images и css. Из последней необходимы только файлы default_icemegamenu.css и index.html

Присутствие этих файлов в папке с шаблоном позволяет иметь для каждого шаблона свой собственный файл стиля. Если вам это ненужно или вы не понимаете о чем я – можете просто править файл стилей JOOMLA_ROOT/modules/mod_icemegamenu/themes/default/css/default_icemegamenu.css

div.icemegamenu ul#icemegamenu {
		/*background: #E6E6E6;*/
		background: #EEEEEE;
}

div.icemegamenu ul#icemegamenu li {
		border: 1px solid #888888;
		border-radius: 4px 4px 4px 4px;
		margin-right: 2px;
}

div.icemegamenu ul#icemegamenu li a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li span.separator,
div#subMenusContainer a.iceMenuTitle,
div#subMenusContainer span.separator {
		/*height: 40px;*/
		height: 30px;
		/*padding: 5px 15px;*/
		padding: 5px 5px;
}

div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li.active span.separator,
div.icemegamenu ul#icemegamenu li.current a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li.current span.separator,
div.icemegamenu ul#icemegamenu li:hover a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li:hover span.separator {
		/*background: #222;*/
		background: #CCCCCC;
}

div#subMenusContainer {
		margin-top: 2px;
}

#icemegamenu ul.icesubMenu,
#subMenusContainer ul.icesubMenu {
		/*background: #222;*/
		background: #EEEEEE;
		/*border: 1px solid rgba(255,255,255,.2);*/
		border: 1px solid #888888;
		border-radius: 4px 4px 4px 4px;
}

#icemegamenu ul.sub_level_1,
#subMenusContainer ul.sub_level_1 {
		/*border-top: none;*/
}

div#subMenusContainer ul.icesubMenu li div.iceCols {
		/*padding-bottom: 10px;*/
		padding-bottom: 2px;
		padding-top: 2px;
}

div#subMenusContainer ul.icesubMenu li div.iceCols li {
		/*padding: 0 15px;*/
		padding: 0 0;
}

div#subMenusContainer a.iceMenuTitle,
div#subMenusContainer span.separator,
div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle,
div.icemegamenu #icemegamenu ul.icesubMenu li span.separator {
		/*padding: 5px 0 8px 16px;*/
		padding: 5px 0 8px 5px;
		/*background: url('/../images/point.png') no-repeat 0% 45%;*/
}

#subMenusContainer a.iceMenuTitle:hover,
#subMenusContainer a.iceMenuTitle:focus,
#icemegamenu a.mainMenuParentBtnFocused,
#subMenusContainer a.subMenuParentBtnFocused,
#icemegamenu li a.iceMenuTitle:hover,
#icemegamenu li a.iceMenuTitle:hover span,
#icemegamenu li a.iceMenuTitle:focus span,
#icemegamenu li a.iceMenuTitle:focus {
		/*color: #F0C237!important;*/
		color: #888888!important;
}

.smOW {
		padding-right: 2px;
}

div#subMenusContainer .icemega_cover_module {
	/*padding-left: 0;*/
	/*padding-right: 0;*/
	padding: 5px 5px 5px 5px;
}

и новые строки

/*
#subMenusContainer,
#icemegamenu {
		font-size: 12,5px;
}
*/

.parent a.iceMenuTitle span {
		line-height: 30px;
}

#icemegamenu ul.icesubMenu li a:hover,
#subMenusContainer ul.icesubMenu li a:hover {
		background: #CCCCCC;
}

#icemegamenu ul.icesubMenu li a,
#subMenusContainer ul.icesubMenu li a {
		margin-left: 2px;
}

Смотрим, что получилось с измененным CSS файлом.

Как поменять стиль мегаменю IceMegaMenu Как поменять стиль мегаменю IceMegaMenu

Получилось красивое выпадающее горизонтальное меню.


Как поменять стиль мегаменю IceVerticalMenu

Стилизация «IceVerticalMenu» делается аналогичным образом, отличие только в смещениях по оси выпадания самой меню.

В папке с шаблоном JOOMLA_ROOT/templates/ВАШ_ШАБЛОН/html создайте папку mod_ice_verticalmenu. У меня в примере используется шаблон «beez5».

Из папки JOOMLA_ROOT/modules/mod_ice_verticalmenu/themes/default скопируйте в созданную папку папки images и css. Из последней необходимы только файлы default_iceverticalmenu.css и index.html

Присутствие этих файлов в папке с шаблоном позволяет иметь для каждого шаблона свой собственный файл стиля. Если вам это ненужно или вы не понимаете о чем я – можете просто править файл стилей JOOMLA_ROOT/modules/mod_ice_verticalmenu/themes/default/css/default_iceverticalmenu.css

div.iceverticalmenu ul#iceverticalmenu {
	background: #EEEEEE;
}

div.iceverticalmenu ul#iceverticalmenu li {
	/*border-right: 1px solid #fff;*/
	border: 1px solid #888888;
	border-radius: 4px 4px 4px 4px;
	margin-top: 2px;
}

div.iceverticalmenu ul#iceverticalmenu li a.iceMenuTitle,
div.iceverticalmenu ul#iceverticalmenu li span.separator,
div#iceVerticalSubMenusContainer a.iceMenuTitle,
div#iceVerticalSubMenusContainer span.separator {
	/*height: 40px;*/
	height: 30px;
	/*padding: 5px 15px;*/
	padding: 5px 5px;
}

div.iceverticalmenu ul#iceverticalmenu li.active a.iceMenuTitle,
div.iceverticalmenu ul#iceverticalmenu li.active span.separator,
div.iceverticalmenu ul#iceverticalmenu li.current a.iceMenuTitle,
div.iceverticalmenu ul#iceverticalmenu li.current span.separator,
div.iceverticalmenu ul#iceverticalmenu li:hover a.iceMenuTitle,
div.iceverticalmenu ul#iceverticalmenu li:hover span.separator {
	/*background: #222;*/
	background: #CCCCCC;
}

div#iceVerticalSubMenusContainer {
	margin-left: 2px;
}

#iceverticalmenu ul.icesubMenu,
#iceVerticalSubMenusContainer ul.icesubMenu {
	/*background: #222;*/
	background: #EEEEEE;
	/*border: 1px solid rgba(255,255,255,.2);*/
	border: 1px solid #888888;
	border-radius: 4px 4px 4px 4px;
}

#iceverticalmenu ul.sub_level_1,
#iceVerticalSubMenusContainer ul.sub_level_1 {
	/*border-top: none;*/
}

div#iceVerticalSubMenusContainer ul.icesubMenu li div.iceCols {
	/*padding-bottom: 10px;*/
	padding-bottom: 2px;
	padding-top: 2px;
}

div#iceVerticalSubMenusContainer ul.icesubMenu li div.iceCols li {
	/*padding: 0 15px;*/
	padding: 0 0;
}

div#iceVerticalSubMenusContainer a.iceMenuTitle,
div#iceVerticalSubMenusContainer span.separator,
div.iceverticalmenu #iceverticalmenu ul.icesubMenu li a.iceMenuTitle,
div.iceverticalmenu #iceverticalmenu ul.icesubMenu li span.separator {
	/*padding: 5px 0 8px 16px;*/
	padding: 5px 0 8px 5px;
	/*background: url('/../images/point.png') no-repeat 0% 45%;*/
}

#iceVerticalSubMenusContainer a.iceMenuTitle:hover,
#iceVerticalSubMenusContainer a.iceMenuTitle:focus,
#iceverticalmenu a.mainMenuParentBtnFocused,
#iceVerticalSubMenusContainer a.subMenuParentBtnFocused,
#iceverticalmenu li a.iceMenuTitle:hover,
#iceverticalmenu li a.iceMenuTitle:hover span,
#iceverticalmenu li a.iceMenuTitle:focus span,
#iceverticalmenu li a.iceMenuTitle:focus {
	/*color: #F0C237!important;*/
	color: #888888!important;
}

.smOW {
	padding-right: 2px;
}

div#iceVerticalSubMenusContainer .icemega_cover_module {
	/*padding-left: 0;*/
	/*padding-right:0;*/
	padding: 5px 5px 5px 5px;
}

и новые строки

/*
div#iceVerticalSubMenusContainer,
#iceverticalmenu {
	font-size: 12,5px;
}
*/

.parent a.iceMenuTitle span {
	line-height: 30px;
}

#iceverticalmenu ul.icesubMenu li a:hover,
div#iceVerticalSubMenusContainer ul.icesubMenu li a:hover {
	background: #CCCCCC;
}

#iceverticalmenu ul.icesubMenu li a,
div#iceVerticalSubMenusContainer ul.icesubMenu li a {
	margin-left: 2px;
}

Смотрим, что получилось с измененным CSS файлом.

Как поменять стиль мегаменю IceVerticalMenu Как поменять стиль мегаменю IceVerticalMenu

Получилось красивое выпадающее вертикальное меню.


Вывод выпадающего меню не вниз-вправо, а вверх-влево

Изменение направления раскрытия выпадающего меню производятся в строке:

direction:{ x: 'right', y: 'down' },//for submenus ( relative to the parent button )left or right, up or down .

Здесь необходимо указать нужное вам направление, например:

direction:{ x: 'left', y: 'up' },//for submenus ( relative to the parent button )left or right, up or down .

Для горизонтального меню эта строка расположена в файле JOOMLA_ROOT/modules/mod_icemegamenu/assets/js/icemegamenu.js, а для вертикального в файле JOOMLA_ROOT/modules/mod_ice_verticalmenu/assets/js/icemegamenu.js.

Если вам захочется отображать выпадающую часть IceMegaMenu меню в фиксированном месте по горизонтали, а не относительно активного элемента меню - добавьте в конец файла стилей JOOMLA_ROOT/modules/mod_icemegamenu/themes/default/css/default_icemegamenu.css следующую строчку:

.smOW { left: 270px !important; }
Вывод IceMegaMenu в фиксированном месте по горизонтали Вывод IceMegaMenu в фиксированном месте по горизонтали

Если меню не хочет устанавливаться в позицию "menu" в шаблоне от YooTheme

  • Первый способ, опубликовать меню в позицию "top-a". Все сразу встанет на свои места.
  • Второй способ - править шаблон.

Пример для шаблона YOO_Cloud для joomla 2.5 позиция "menu"

В файле templates/yoo_cloud/layouts/template.php найдите строку

<nav id="menu"><?php echo $this['modules']->render('menu'); ?></nav>

замените на

<?php echo $this['modules']->render('menu'); ?>

В файле templates/yoo_cloud/warp/layouts/modules/templates/dropdown.php оставьте только это

<?php echo $content; ?>

Скачать русифицированные модули IceMegaMenu, IceVerticalMenu и плагин

Русифицированный модуль mod_icemegamenu_v.1.7.1_rus.zip
Русифицированный модуль mod_ice_verticalmenu_v.1.7.0_rus.zip
Русифицированный плагин plg_icemegamenu_v.1.6.0_rus.zip
Файл стиля для модулей «IceMegaMenu» и «IceVerticalMenu» с изменениями.

Русифицированный модуль mod_icemegamenu_v.3.0.2_rus.zip для Joomla 3
Плагин plg_icemegamenu_v.3.0.zip для Joomla 3
Некоторые текстовые фразы в модуле и плагине для Joomla 3 нет возможности русифицировать, думаю по описанию в этой статье можно разобраться без нее. Отдельно стоит рассказать о вертикальном модуле. Теперь модуль один и опция "Выбор темы" позволяет выбрать тип "Vertical". После этого необходимо установить направление выпадающего блока меню в опции "Dropdown Direction".

Если эта статья показалась вам полезной, пожалуйста, проголосуйте за нее. Это поможет другим быстрее найти эту статью из множества других менее полезных.
( 36 Голосов ) 

Комментарии   

 
# Саня 18.11.2012 15:16
Зачетная статья, огромное спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
# Serega 05.12.2012 12:27
Спасибо все получилость!, но - "наличие точек в левой части пунктов выпадающего меню;" - ТАК И ОСТАЛОСЬ. Меня эти точки тоже раздражают. Как их убрать????
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 07.12.2012 17:24
Они убираются комментированием строки
/*background: url('/../images/point.png') no-repeat 0% 45%;*/

вот здесь
div#subMenusContainer a.iceMenuTitle,
div#subMenusContainer span.separator,
div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle,
div.icemegamenu #icemegamenu ul.icesubMenu li span.separator {
/*padding: 5px 0 8px 16px;*/
padding: 5px 0 8px 5px;
/*background: url('/../images/point.png') no-repeat 0% 45%;*/
}

Напишите ссылку на сайт, я посмотрю что не так.
Ответить | Ответить с цитатой | Цитировать
 
 
# Иван 10.04.2013 17:35
stavnivdom.ru
Закомментировал строку на point.png, а точки с левой стороны все равно присутствуют. В чем может быть причина? Подскажите пожалуйста.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.04.2013 14:34
Вот в этой строчке ul li { background-image: url('../images/li.png'); }
в файле /templates/jm-business-marketing/css/reset.css
закомментируйте ее.
Ответить | Ответить с цитатой | Цитировать
 
 
# zolotaia_masha 09.12.2012 19:27
у меня не получилось красивое выпадающее горизонтальное меню! после замены файла стиля
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 10.12.2012 19:36
Маша! Дайте мне образ сайта или пароль от админки. Со слов я не понимаю в чем дело.
Ответить | Ответить с цитатой | Цитировать
 
 
# Михаил 29.12.2012 11:48
Отличная, четкая и поясняющая статья !
Один вопрос. Можно ли реализовать на IceVertical Menu ( для Joomla 2.5) функции выпадания при нахождении одновременно 2-х вертикально расположенных колонок пунктов меню, т е слева и справа страницы сайта (leftbar, rightbar) и с выпаданием меню навстречу друг другу?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 29.12.2012 18:03
Михаил, хоть три слева, пять справа и один снизу! Это же модули, их можно плодить.
Ответить | Ответить с цитатой | Цитировать
 
 
# Михаил 10.01.2013 09:31
Большое спасибо, получается частично от желаемого. Еще вопрос. Подскажите, пожалуйста. Каким способом можно изменять классы и id внутри модулей? Это чтобы возможно было изменять направление выпадения или их цвет с 2-х вертикальных колонок навстречу друг другу. Ведь классы внутри модулей одинаковые !
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 10.01.2013 23:17
В Менеджере модулей выберите ваш модуль.
На вкладке "Параметры IceMegaMenu" есть опции "Суффикс класса модуля" и "ID тега меню".
Ответить | Ответить с цитатой | Цитировать
 
 
# Михаил 11.01.2013 00:15
Спасибо. Будем пробовать.
Ответить | Ответить с цитатой | Цитировать
 
 
# Владимир 08.01.2013 18:24
Меню не хочет устанавливаться в нужную позицию в шаблоне. Вместо него появляется название модуля, хотя его показ отключен. Тоже самое и при установке другого меню - swmenufree. Видимо конфликт с шаблоном сайта. А может другие варианты?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 08.01.2013 18:50
Дополнил статью разделом "Если меню не хочет устанавливаться в позицию "menu" в шаблоне от YooTheme"
Ответить | Ответить с цитатой | Цитировать
 
 
# Владимир 08.01.2013 22:55
Супер!!! Огромное спасибо!!!! Все получилось!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр Юрьевич 09.01.2013 12:06
Да автор молодец, разжевывает все очень хорошо, для новичков очень полезный ресурс. Спасибо сейчас попробую) Сам из Казани? Или kzn что то другое обозначает?)
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 09.01.2013 19:23
Да, Казань с самого рождения.
Ответить | Ответить с цитатой | Цитировать
 
 
# darkdog 14.01.2013 19:46
Спасибо за розвернутую статью!
У меня проблема, ставлю iceverticalmenu на свой сайт thesurvival.ru в левый сайдбар, а подмею не выплывают.
Не могу понять в чем проблема.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 18.01.2013 19:14
У вас шаблон чудной. В нем собственный обработчик меню, соответственно и его поведение. Если не принципиально его использование, лучше поищите другой. Отобразить вертикальное меню можно если в настройках шаблона на вкладке меню "SHOW OR HIDE MAIN MENU?" выставить в NO.
Ответить | Ответить с цитатой | Цитировать
 
 
# majka.l 26.01.2013 15:39
Привет!
Спасибо за статью!
Вопрос: все пункты меню четвертого уровня появляются все сразу и одновременно с пунктами меню третьего уровня не дожидаясь, пока мышкой наведут на пункт меню третьего уровня, мало того, оно еще и наложено поверх меню третьего уровня так, что из букв получается каша.
Ч.Д.?
сайт см. beruteplo.ru
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 27.01.2013 17:36
Проблема только в шаблоне. Попробуйте опубликовать в другую позицию или поищите другой шаблон.
Ответить | Ответить с цитатой | Цитировать
 
 
# majka.l 28.01.2013 18:14
Большое спасибо за Ваш ответ!
Ответить | Ответить с цитатой | Цитировать
 
 
# darkdog 10.02.2013 21:09
Вопрос скорее всего не по теме. Буду благодарен если ответите :)
Взял ваш файл стиля и перековырял его под себя. /water-filters.cv.ua
Собственно, по css и вопросы:
- как выровнять пункты меню? пункты которые не содержат подменю отображаются выше тех, у которых есть подменю (изначально была проблема с вашим css)
- как убрать выделение жирным пункта меню при наведении курсором?
- как сделать "кнопки" пунктов меню в неактивности, одним (синим) а
03. background: #ffffff; оставить белым?
- как уменьшить размер шрифта пунктов подменю?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 11.02.2013 09:53
Кажется, вы уже со всем сами справились. Я не вижу глюков в вашем меню.
Ответить | Ответить с цитатой | Цитировать
 
 
# darkdog 11.02.2013 11:22
Да, спасибо, все сам нашел.
Но еще есть проблема - ширина подменю, никак не могу найти где её изменить =\
Ответить | Ответить с цитатой | Цитировать
 
 
# darkdog 11.02.2013 12:27
Спасибо огромное! Не мог подумать что эта настройка в плагине.
Ответить | Ответить с цитатой | Цитировать
 
 
# Mihail 23.02.2013 12:38
Здравствуйте!
1. Головные пункты меню отображается друг над другом в позиции 1 (шаблон a4joomla-tillage-free), хотя стандатный модуль меню отображается нормально (по-горизонтали, пункты друг за другом).
2. Баннер шаблона (поле с деревом) отображается только на главной странице, на других - исчезает!
Сайт osteom.ru
Буду благодарен за помощь.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 28.02.2013 15:41
Поле с деревом отображается только на главной странице, т.к. в настройках модуля в опции "Привязка модуля" нужно выбрать нужные страницы, либо опцию "На всех страницах".
Пункты меню отображается друг над другом в позиции 1, а в другую позицию если опубликовать?
Ответить | Ответить с цитатой | Цитировать
 
 
# lenasha 26.02.2013 21:10
Буду благодарна, если ответите на вопрос, можно ли сделать разноцветные пункты меню, и что для этого нужно сделать? Заранее спасибо.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 28.02.2013 15:07
Наверно вы имели ввиду блоки разного цвета и не сказали вертикальный или горизонтальный модуль. Для горизонтального модуля в конец css файла JOOMLA_ROOT/templates/ВАШ_ШАБЛОН/html/mod_icemegamenu/css/default_icemegamenu.css следующий код
div.icemegamenu ul#icemegamenu {
background-color: magenta;
}
div.icemegamenu ul#icemegamenu li {
background-color: yellow;
}
#subMenusContainer ul.sub_level_1 {
background-color: red;
}
#subMenusContainer ul.sub_level_2 {
background-color: green;
}
#subMenusContainer ul.sub_level_3 {
background-color: pink;
}
Получится разноцветное меню. Цвета подберете по вкусу.
Ответить | Ответить с цитатой | Цитировать
 
 
# lenasha 28.02.2013 20:21
спасибо, за быстрый ответ, буду пробовать.
Ответить | Ответить с цитатой | Цитировать
 
 
# Наталия 05.03.2013 13:28
Почему-то меню не отображается совсем.
Использую шаблон beez20
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.03.2013 21:55
Ознакомьтесь со статьей e-kzn.ru/joomla/shablony/pozitcii-modulei-joomla.html
Затем посмотрите, есть ли в этом шаблоне та позиция, в которую вы пытаетесь публиковать модуль меню.
Уверен на все 100% - публиковали в позицию меню.
Ответить | Ответить с цитатой | Цитировать
 
 
# Shawn 07.03.2013 11:50
Доброго времени суток!
Большое спасибо за Вашу статью.
Поставил меню IceVerticalMenu на сайт согласно Вашему описанию, но при использовании только css3 не выпадают пункты меню. Использовал стиль css из default1. Использование JS отключил в самом модуле. Помогите, пожалуйста, разобраться. Заранее благодарен.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.03.2013 22:38
Beez5 и Yoo_master работает без глюков, кроме темы icetheme.
Скорее всего у вас конфликт со встроенными обработчиками в шаблоне.
Проще выкинуть и подобрать другой шаблон. Целую подборку опубликовал
e-kzn.ru/joomla/shablony/besplatnye-shablony.html
Ответить | Ответить с цитатой | Цитировать
 
 
# Вадим 08.03.2013 23:14
что у вас за меню на Вашем сайте?
Не поделитесь
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 09.03.2013 12:03
ARI YUI Menu, описано в пункте "Меню".
Ответить | Ответить с цитатой | Цитировать
 
 
# Вадим 09.03.2013 15:40
Спасибо!
Oтличная менюшка
Ответить | Ответить с цитатой | Цитировать
 
 
# Юрий 11.03.2013 10:52
Здравствуйте, можно ли сделать в IceMegaMenu в главном горизонтальном меню, чтобы шрифт всех заголовков, кроме последнего был белого цвета, а цвет шрифта последнего заголовка был красного цвета? Спасибо.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.03.2013 22:54
Правильно нельзя. Но можно придумать "костыли", для всего меню установить белый цвет шрифта, вставить в конец css файла конструкцию
li#iceMenu_250 a span {color: red;}
где iceMenu_250 - id тега li последнего пункта меню. В вашем случае он будет отличаться. Посмотрите в коде страницы.
Ответить | Ответить с цитатой | Цитировать
 
 
# Юрий 16.03.2013 14:08
Красивое решение. Действительно, все получилось так, как вы сказали. Спасибо.
Ответить | Ответить с цитатой | Цитировать
 
 
# Сергей 14.03.2013 23:42
доброго времени суток. вопрос в следующем: при наведении на пункт меню раскрываются подпункты вниз. при этом остальные пункты меню вниз не смещаются. получается наложение основных пунктов меню и подпунктов одного из раскрытых пунктов меню. как это исправить?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 18.03.2013 15:38
Адрес сайта?
Ответить | Ответить с цитатой | Цитировать
 
 
# Сергей 19.03.2013 22:30
спасибо, заменил пока модуль на простое меню, раскрывающееся при клике
Ответить | Ответить с цитатой | Цитировать
 
 
# Павел 16.03.2013 15:56
Здравствуйте!
water-filters.cv.ua Меню плывет в Опере так, как бы плыло в остальных браузерах при выключеном Javascript. В других браузерах при включеном Javascript все отображаеться нормально.
В чем может быть проблема?
Заранее спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 01.04.2013 11:02
В 12.12 и 12.14 не плывет. Вообще в Опере неоднократно замечал всевозможные глюки не только в части меню.
В следующих версиях исправляют.
Ответить | Ответить с цитатой | Цитировать
 
 
# Геннадий 21.03.2013 13:53
Здравствуйте!
Прекрасные советы и красивое меню.
Решил приспособить себе на сайт shop.rgaweb.ru вертикальное меню...
Все (как мне кажется ) сделал по вашим описаниям, и меню заработало, но.... выпадает только вниз - строки на строки.
только вниз
Измучился сам... но уж больно красиво и мне подходит.

Помочь сможете? Благодарю....
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 01.04.2013 10:57
я не вижу там ничего, кроме формы авторизации.
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 2 21.03.2013 20:37
Прошу меня строго не судить, я начинающий! Подскажите пожалуйста как это меню расположить по центру страницы? Где и что прописать в css? Заранее Вам благодарен.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 01.04.2013 09:32
В файле JOOMLA_ROOT/templates/ВАШ_ШАБЛОН/html/mod_icemegamenu/css/default_icemegamenu.css
задайте нужное смещение div.icemegamenu { position: relative; margin-left: 200px; }
Ответить | Ответить с цитатой | Цитировать
 
 
# Владимир 24.03.2013 21:05
Спасибо, уже разобрался.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 01.04.2013 10:53
Владимир! Пишите в ветке с вопросом. Там есть кнопка "Ответить". Вся ветка в этом случае будет законченным диалогом на конкретную тему. Все вопросы касательно шаблонов можно задать на соответствующей странице, а не в описании меню.
Ответить | Ответить с цитатой | Цитировать
 
 
# Vitalijj 27.05.2013 21:13
Здравствуйте!
Прекрасные советы даете ! У меня возникла такая ситуация.
Стоит icemegamenu и Ads manager (доска обьявлений ) Они конфликтуют. После включения в настройках jquery меню всё искривляется. Натолкните где им запретить конфликтовать ? очень нужно эти два компонента подружить. Заранее спасибо !
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 29.05.2013 21:59
Установил на Joomla 3.1.1 Ads manager, скачал версию меню под нее - не работает, вызываются классы, которых нет в 3-й ветке. Вообще разочарован в этом меню. Ставить для экспериментов Joomla 2.5 и ковыряться в ней пол дня уже интерес пропал. Вы можете выслать мне образ вашего сайта для теста?
Ответить | Ответить с цитатой | Цитировать
 
 
# Анна82 28.05.2013 15:29
Спасибо за статью, для новичка сложновато настраивать меню в css, но немного терпения и внимательности, и отличный результат у Вас на сайте.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 29.05.2013 09:41
У меня на сайте ARI YUI Menu установлено. ICEMegaMenu мне не нравится, слишком громоздкое.
Ответить | Ответить с цитатой | Цитировать
 
 
# Михаил 01.06.2013 16:53
Подскажите, как выставить расстояние между пунктами меню по вертикали? А то пункты меню наползают друг на друга =(
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.06.2013 17:38
адрес сайта на котором можно это увидеть?
Ответить | Ответить с цитатой | Цитировать
 
 
# Михаил 01.06.2013 16:56
Подскажите, как выставить расстояние между пунктами меню по вертикали? А то пункты меню налазят друг на друга
Ответить | Ответить с цитатой | Цитировать
 
 
# Дарья 04.06.2013 19:45
Здравствуйте, подскажите, как убрать желтую подсветку при наведении мыши на пункт меню?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.06.2013 17:35
В файле default_icemegamenu.css для горизонтального меню или default_iceverticalmenu.css для вертикального меню найдите строку комментарий
/* sub menu links on hover or focus */,
далее следует строка , которую вам необходимо удалить или выбрать другой цвет.
color:#F0C237!important;
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр Д 05.06.2013 15:26
Спасибо огромное за хорошую статью! А подскажите можно ли сделать меню градиентом?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.06.2013 16:13
Можно, но выпадающий список показывается/скрывается javascript и css на него действовать не будет. Не вижу смысла. Вы посмотрите на меню этого сайта, у него основная часть разукрашена градиентом, а выпадающая просто залита фоном. Стоит овчинка выделки?
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр Д 05.06.2013 17:02
А можно ли приблизить к варианту JSE Mega Drop Down Menu (?), который платный, а покупать не хочется, потому что не знаешь, будит ли он работать должным образом и стоит ли он в общем таких денег.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.06.2013 17:47
Ничего особенного я там не заметил. Можно у ICE Megamenu аналогичный css попробовать сделать.

Вот как выглядит кусок оформления у JSE Mega Drop Down Menu:

/* Градиент контейнера */
background:#F4F4F4;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

/* Скругление углов */
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;

/* Вдавленный текст пунктов меню */
font-family: Arial, Helvetica, sans-serif;
line-height: 21px;
font-size: 12px;
text-align: left;
text-shadow: 1px 1px 1px #FFFFFF;
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр Д 05.06.2013 18:36
Спасибо, буду допиливать это меню. Самая полную инструкцию только здесь нашел! Такую бы еще полную статью про Maxi Menu CK , эх... было бы здорово)
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.06.2013 18:44
Ссылку киньте, понравится - разберусь и опишу. Описание ARI и ICE тоже сам делал, на официальных сайтах информации кот наплакал.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 09.06.2013 20:58
К этому меню плагин очень желателен, 11 евро стоит. Без него все это меню не стоит ничего.
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр Д 10.06.2013 02:52
Я уже понял. Решил осваивать megamenu t3 framework на blank шаблоне, он бесплатный, с легкостью можно сменить фон на на градиент, добавлять картинки, видео. И кстати тоже везде материал об этом размыто написан.
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитрий 09.06.2013 02:03
Привет всем!
Помогите прикрутить это меню к шаблону joomla-master.org/joomla/templates/bt-tooltip.html
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 09.06.2013 19:22
Какая у вас версия Joomla и что значит помогите прикрутить? У вас что-то не получается или вы просите сделать это за вас?
Ответить | Ответить с цитатой | Цитировать
 
 
# Димка 25.06.2013 17:18
Менюха классная, ток одна проблема, не могу воткнуть русификацию, почему то файл
mod_icemegamenu_v.1.7.1_rus - установился
а вот этот plg_icemegamenu_v.1.6.0_rus файлик пишет такое
Плагин Установить: Еще один плагин уже использует каталог: /home/u829263987/public_html/plugins/system/icemegamenu


Будьте добры плиз отпишитесь, а то на англ не прикольно
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 25.06.2013 18:36
Англоязычную версию плагина надо отключить, затем удалить, она просто не позволяет делать update.
Ответить | Ответить с цитатой | Цитировать
 
 
# Валерий 29.06.2013 18:46
Можно ли это меню как то сделать резиновым (респонсив)?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 30.06.2013 18:35
Не пробовал, разве что попробовать поиграть соответствующей опцией плагина.
Ответить | Ответить с цитатой | Цитировать
 
 
# Алмаз 30.06.2013 22:28
Статья шикарная. Хотелось бы поконкретнее узнать как работать с этими CSS-суффиксами. Имеется два модуля меню в различных позициях. Необходимо сделать их разными по цвету. Как поменять цвет у всех сразу я знаю. А вот как сделать два разных понятия не имею. Плиз подскажите. Если чем поможет, то вот ссылка на сайт _http://goal.soccer-shop.kz/en.html
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.07.2013 20:38
Изначально контейнер модуля такой
<div class="module mod-box deepest">
</div>

Для вертикального и горизонтального меню без суффиксов определены цвета заливки следующим образом
div.icemegamenu ul#icemegamenu {background: #EEEEEE;}
div.iceverticalmenu ul#iceverticalmenu {background: #EEEEEE;}

В настройках модуля найдите "Суффикс класса модуля", вставьте нужный суффикс, к примеру "_menu".

Контейнер модуля станет таким
<div class="module mod-box _menu deepest">
</div>

Переопределим цвета для меню в контейнере с суффиксом "_menu"
._menu div.icemegamenu ul#icemegamenu {background: #888888;}
._menu div.iceverticalmenu ul#iceverticalmenu {background: #888888;}
Ответить | Ответить с цитатой | Цитировать
 
 
# Алмаз 17.07.2013 22:28
Спасибо за ответ! Пока ждал ваш ответ, решил немного по другому через ID. А так суть примерно та же... Теперь возник другой вопрос с этим компонентом. В общем создаю подменю заголовок которого "1-й отборочный раунд". И с ним какой то глюк непонятный. Когда нажимаешь на него, текст заголовка как бы складывается и каждое слово переносится на новую строку. Сокращаю заголовок до "1-й раунд" все отлично работает. Ссылка на меню _http://thegoal.kz/europe-league/1-round.html верхнее меню Лига Европы/1-й отборочный раунд. Подскажите как можно это решить. Заранее благодарю.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 18.07.2013 12:20
Кажется вы посмотрели в настройки меню и нашли там "Ширина выпадающего списка (px)" без меня.
Ответить | Ответить с цитатой | Цитировать
 
 
# Алмаз 18.07.2013 15:44
Нет, ничего не менял. Вот только что поменял - та же история. Если я кликаю слева на выпадающее меню, то оно "сокращается", но не переходит. Теперь после "сокращения", если я кликаю справа, то оно опять "увеличивается", а если слева, то только тогда переходит по ссылке. Так он себя ведет в опере. В мозиле примерно также, но только переходит сразу. В хроме все работает.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 18.07.2013 21:13
В IE, Chrome, Yandex.Браузере все нормально, косячит в FF и Opera. Видимо глюки со сторонними скриптами.
Попробуйте в templates/it_sporty3/html/mod_icemegamenu/css/default_icemegamenu.css найти строки
#icemegamenu li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;}
#icemegamenu li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;}
Закомментируйте в них width: 10em; и посмотрите что получится.
Ответить | Ответить с цитатой | Цитировать
 
 
# Алмаз 21.07.2013 20:58
Спасибо. Все отлично заработало. Правда пришлось один фиг по CSS подправлять.
Опять проблема... Теперь в верхнем меню есть "Трибуна". У него есть два подменю, они почему-то:
1. Показываются с кружком (это ерунда, убрать знаю как)
2. Когда нажимаю на него и перехожу на страницу подменю, подменю не становятся активными, как например, тот же самый "1 отборочный раунд".
Буду благодарен за помощь!
P.S. достал уже наверное... =))
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 22.07.2013 12:26
Вы сами раскрашиваете в белый цвет тут

div.icemegamenu ul#icemegamenu li span.icemega_title,
div#subMenusContainer span.icemega_title {
font-family:"Tahoma";
color: #ffffff;
font-weight: bold ;
font-size:14px;
line-height:1.2em;
text-shadow:0px;
height:26px;
display:block;
padding:8px 10px 1px 8px
}
Ответить | Ответить с цитатой | Цитировать
 
 
# Алмаз 22.07.2013 17:43
Кажется, вы не поняли.
1. Сверху есть меню "Трибуна" в нем есть 2 подменю. И если на них нажимаешь, то после перехода эти меню не становятся активными.
2. Есть меню "Лига Чемпионов" в нем есть 2 подменю. И если на них нажимаешь, то они оба становятся активными.
thegoal.kz/index.php
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 22.07.2013 19:14
1 "Трибуна" именно о ней я и написал, закомментируйте color: #ffffff; и они станут раскрашиваться.
2 У вас там 3 меню, вы присвойте им разные суффиксы, или ID тега меню, и относительно их делайте изменения. В вашем меню черт ногу сломает. Неужели в одно меню все это нельзя вместить?
Ответить | Ответить с цитатой | Цитировать
 
 
# Алмаз 10.08.2013 15:56
В общем, начнем сначала. =))
Есть у меня сейчас два меню на одной и той же позиции. Подменюшки в двух меню отображаются по разному.
1. В одном случае создается а в нем
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 13.08.2013 18:18
Мысль не закончена, да и сайт отключен.
Ответить | Ответить с цитатой | Цитировать
 
 
# Никита 04.07.2013 15:46
Здравствуйте поставил меню, но когда выпадают вкладки, они не выпадают поверх сайта а выпадают вниз, исчезая. помогите, что я делаю не правильно. Сайт
_http://mediatot.ru
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.07.2013 20:10
Я вижу выпадающие вкладки, похоже сами управились, только меню у вас не влезает в контейнер.
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитрий 10.07.2013 20:30
Здравствуйте, подскажите пожалуйста, как убрать вертикальную черную полосу, которая остается на некоторое время после закрытия подменю.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.07.2013 11:11
В настройках модуля уменьшайте значения "Продолжительность эффекта" и "Задержка скрытия".
Ответить | Ответить с цитатой | Цитировать
 
 
# Ник 11.07.2013 04:32
Есть некоторая проблема с айсмегаменю...
У меня идет шаблон с этим меню. Выставляю все как надо, меню отображается, но есть один минус. Оно по ширине пунктов не входит на экран и одно всплывающее меню накладывается на другое, если править ширину всплывающего модуля, то оно помещается, но между родительским пунктом меню и всплывающим получается огромное расстояние и если не успеть быстро провести курсор от одного меню к другому, то оно схлопывается. Как и где можно настроить это расстояние между разными всплывающими менюшками.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.07.2013 11:53
адрес сайта?
Ответить | Ответить с цитатой | Цитировать
 
 
# Максим 16.07.2013 00:10
Спасибо! Отличная статья! Редко встретишь когда всё так по полочкам разложено.
Осталось несколько вопросов:
1) При добавлении ".smOW { left: 270px !important; }" первый уровень меню начинает отображаться, как нам и надо, в фиксированной позиции, но и выходящий второй уровень начинает отображаться в той же позиции. Получается что выходящий второй уровень накладывается на первый. Можно ли сделать, так что бы он выезжал на право как и должен.
2) Подскажите, пожалуйста, как сделать заголовки сверху колонок. Например как на сайте joomla.org
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 16.07.2013 11:38
1 Напишите адрес сайта, посмотрю.
2 Кажется вы про подзаголовки, как их выводить описано - Как выводить подзаголовки в подменю IceMegaMenu и IceVerticalMenu.
Ответить | Ответить с цитатой | Цитировать
 
 
# Максим 16.07.2013 12:29
1) apple-land.ru IceMegaMenu меню стоит под слайдером.
2) Нет, я имею в виду именно заголовки колонок. Например на joomla.org во вкладке меню "Community & Support" имеется три заголовка колонок "Connect!", "Support!" и "Read!". Они ещё линиями отделены. Как такие реализовать? Может быть, возможно текстовые модули вставлять сверху колонок, но наверняка это как-то проще делается.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 18.07.2013 12:11
По человечьи сделать нельзя, через зад можно.
Создайте первым разделитель с нужным текстом и создайте подзаголовк с любым текстом.
В CSS найдите и исправьте следующие строки:

div.iceverticalmenu ul#iceverticalmenu li span.icemega_desc, div#iceVerticalSubMenusContainer span.icemega_desc {
display: block;
font-family: Verdana, Geneva, sans-serif;
padding: 0;
font-size: 0;
line-height: 0;
/*color: #999!important;*/
/*text-shadow: none!important;*/
border-bottom: 1px solid red;
}

Я проверял на вертикальном меню, но суть одна - отличие в название класса icemegamenu.
Ответить | Ответить с цитатой | Цитировать
 
 
# Кирилл 17.07.2013 12:46
Все супер просто,спасибо огромное!!
Давно так не радовался,сложно найти настолько разложенный материал!!
Я долго мудился с размещение,по позициям.т.к. у меня шаблон платный и куча всего везде распихана по размерам,Заголовки выдавались обрезанными,но проблему решил!
Подписываюсь к Вам!
Удачи и терпения!!
Ответить | Ответить с цитатой | Цитировать
 
 
# Кирилл 17.07.2013 15:25
Ребята выручайте,никак не могу опустить данный модуль что бы он не заезжал на нижние компоненты! _http://promkomtrans.ru/
Данный модуль установлен по центру в виде картинок марок машин!
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 18.07.2013 11:24
templates/gk_esport/html/mod_icemegamenu/css/default_icemegamenu.css

div.icemegamenu ul#icemegamenu li a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li span.separator,
div#subMenusContainer a.iceMenuTitle,
div#subMenusContainer span.separator {
height: 64px; /* По размеру картинки, можно больше по вкусу */
}
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 04.08.2013 14:02
Помогите пожалуйста сайт nvkz-city.ru шаблон IT Shop 2 все настройки перерыл не отображается меню вообще.
Хееелп
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 04.08.2013 18:58
А вы его в существующей позиции публикуете?
Проверьте e-kzn.ru/joomla/shablony/pozitcii-modulei-joomla.html
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.08.2013 20:04
Чтобы исчезли предупреждающие сообщения типа Strict Standards: Non-static method JSite::getMenu() в .htaccess добавьте строчку
php_flag display_errors off
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 06.08.2013 11:54
Огромедное вам спасибо. Появились лучики надежды что я доведу сайт до ума :)
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 06.08.2013 15:23
С сылками разберитесь, уберите из них index.php
e-kzn.ru/joomla/sef-chpu/standartnyi-sef-chpu-joomla.html#deleteindex
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 08.08.2013 06:45
Я включаю написано что всё подключено, но ничего не происходит.
И второй вопрос а как создать страницу с текстом и ссылкой на автора. Хочу сделать на сайте ссылку на ваш очень нужный людям ресурс
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 08.08.2013 20:53
Не совсем понял, что именно не происходит? Если про index.php в ссылках, то их нет. Если что-то другое имелось ввиду, опишите.
Я не понял зачем у вас такая огромная шапка в пол экрана и зачем на ней в 3-х местах url сайта? Специально для бестолковых? (шутка) И у вас форма подписки уползла.
Как создать страницу - В менеджере материалов выбрать пункт "Создать материал" и сохранить в нужной категории (можно и без категории). Как вставить ссылку по аналогии с описанным в статье. После в меню создать пункт, Тип пункта меню которого - Материал.
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 10.08.2013 09:58
А как вернуть подписку, и подскажите пожалуйста как подправить и какие файлы чтоб регистрация и информация по сайту была как на shop-n1.ru
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.08.2013 16:10
Чтобы была подписка - надо найти и установить соответствующий компонент, модуль или плагин. Если у вас в старом шаблоне была форма, то это вовсе не значит что она действительно работала. Сайт с интересующей вас формой регистрации второй день в дауне, посмотреть не могу.
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 14.08.2013 18:55
Посмотрите пожалуйста заработал он. Пожалуйста пожалуйста. Я просто думаю что мне наверное придется как то править шаблон... Или верстать его с нуля. чего бы очень не хотелось...
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.08.2013 20:00
исправьте пару значений в templates/it_theshop2/css/general.css
строка 768
#newsletter input#name.input_mail {height: 32px;}
строка 782
#newsletter input.button.button_subscribe {margin-top: -25px;}
Ответить | Ответить с цитатой | Цитировать
 
 
# Станислав 30.07.2013 16:06
Не могу никак добиться отображения уровней меню со 2-го при использовании IceVertical. С 1-го видно все меню, указываешь со 2-го вообще исчезает - только заголовок? Что делать?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 04.08.2013 19:09
Адрес сайта, где это можно увидеть?
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 05.08.2013 16:34
А как эти кракозябры убрать - вроде уже финал близко.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.08.2013 19:55
В пределах ветки писать приучайтесь, не надо создавать новое сообщение, для этого есть кнопка ответить. Тогда и мне будет понятна предыстория и тем кто это прочтет не надо будет лазить и разбираться на какой хелп тут ответ.
Ответить | Ответить с цитатой | Цитировать
 
 
# Александр 06.08.2013 11:43
Понял, извините был напуган :)
Больше не повторится :))
Ответить | Ответить с цитатой | Цитировать
 
 
# Алексей 28.08.2013 22:06
Шаблон yoo-quantum,коряво встает в позицию menu...все поперепробовал что тут описано((((
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 29.08.2013 13:13
Поставил этот шаблон, поправил как описывал
templates/yoo_cloud/layouts/template.php
templates/yoo_cloud/warp/layouts/modules/templates/dropdown.php
меню работает, разумеется далее надо стилизовать под свои нужды.
Ответить | Ответить с цитатой | Цитировать
 
 
# Алексей 31.08.2013 17:51
Вроде встало,но пункт меню назначенный разделителем сдвинуто вниз относительно других пунктов(сам текст)...где это править?
Ответить | Ответить с цитатой | Цитировать
 
 
# Алексей 02.09.2013 10:36
Все круто,все разобрался,спасибо) Последний вопрос,как сделать что бы в горизонтальном меню при наведении на кнопку ВХОД НА САЙТ выпадал модуль авторизации? сайт checkstop.ru
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 04.09.2013 20:51
Публикуемый модуль должен быть дочерним пунктом меню (2-го уровня), в этом случае он будет типа dropdown.

1 Создайте тип пункта Сепаратор (разделитель) с именем "Вход на сайт".
2 Создайте дочерний пункт меню по отношению к пункту "Вход на сайт", как описано в "Создание иерархического меню для системы IceMenu" и "Как вставить модуль в меню IceMegaMenu и IceVerticalMenu".
Ответить | Ответить с цитатой | Цитировать
 
 
# Егор 12.09.2013 02:00
Доброго времени суток!

Подскажите, пожалуйста, решение такой проблемы. Пытаюсь вставить изображение в пункт меню, делаю как показано, но оно все равно не отображается, что делать?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.09.2013 20:28
Такого быть не может. Адрес сайта и пункт меню в котором должна отображаться вставленная картинка напишите.
Ответить | Ответить с цитатой | Цитировать
 
 
# александр 20.09.2013 00:56
подскажите пожалуйста как сделать чтобы в шаблоне a4joomla-corporation-free в position-1 меню было горизонтальным,в другие позиции встает нормально в эту ну никак не хочет , вертикальное и кривое что мешает не могу понять.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 21.09.2013 16:54
В файле templates/a4joomla-corporation-free/css/template.css найдите

#topmenu {
text-align: left;
float: left;
margin: 0px 0 0 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
height:32px;
position: relative;
z-index:1000;
}

#topmenu .moduletable {
margin: 0 0px 0 0;
padding: 0;
float: left;
}

Удалите в них строки float: left;
Ответить | Ответить с цитатой | Цитировать
 
 
# Евгений 10.12.2013 16:59
Добрый день. У меня с этим меню такая проблемма - открывающаяся картинка в lightbox оказываются под этим меню. Т.е. получилось так что это меню всегда самое верхнее, а это не красиво. Как сделать так чтоб это меню не закрывало картинки при увеличении ( с использованием lightbox)
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 10.12.2013 17:21
Добрый! Надо разместить контейнер lightbox над контейнером меню. _http://htmlbook.ru/css/z-index
Ответить | Ответить с цитатой | Цитировать
 
 
# Евгений 11.12.2013 01:26
Спасибо. Почитал, про индекс z , все понятно. Не понятно где его менять, так чтоб потом вообще все не перемешалось. Наверное правильнее сделать именно lightbox над всем, т.е выставить заведомо большой z-index. Но я не силен в кодах. Подскажите где найти этот lightbox и то место где надо увеличить это число. Отдельно нет такого расширения.... или я не там ищу?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 11.12.2013 08:26
На кнопку ответить нажимайте для продолжения диалога. Адрес сайта напишите.
Ответить | Ответить с цитатой | Цитировать
 
 
# Евгений 11.12.2013 23:17
Все сам нашел. Методом тыка и перебора нашел. z-index сделал 1000. на 990 еще изображение было снизу

Спасибо за статью
Ответить | Ответить с цитатой | Цитировать
 
 
# Евгений 12.12.2013 18:04
Снова я. Сегодня обнаружил что в IE10 все осталось без изменений. OPERA и ГУГЛ ХРОМ отображает все правильно, без накладок, а вот IE10, не хочет. Может быть вы знаете в чем дело? он что не понимает z-index
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.12.2013 12:43
Поддерживает начиная с IE6. Я посмотрел на 11 версии, все как должно быть отображается. Пришлите мне скриншот экрана с проблемой на
Ответить | Ответить с цитатой | Цитировать
 
 
# Макс 14.12.2013 13:00
Подскажите, пожалуйста, возможно ли сделать так что бы меню выплывало не в фиксированном месте по горизонтали как с.smOW { left: 270px !important; }
а по центру экрана(отступы слева и справа равны). А то на разных расширениях плохо смотрится.
я пробовал прописывать margin, но безрезультатно.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.12.2013 20:45
.smOW { margin: auto !important; } попробуйте вместо указанной вами строчки.
Ответить | Ответить с цитатой | Цитировать
 
 
# Макс 15.12.2013 01:08
К удивлению, если добавить это, то выпадающая часть начитает отображаться относительно активного элемента меню (как по умолчанию). Загадка...
Ответить | Ответить с цитатой | Цитировать
 
 
# нет-разрухе! 17.12.2013 23:22
Спасибо за статью! Однозначно в закладки!
Ответить | Ответить с цитатой | Цитировать
 
 
# Эдуард Геннадьевич 25.12.2013 13:48
Уважаемые, помогите ! Не могу понять как сделать пункты меню состоящие из 2 и более слов в 2 строки. Допустим "светодиодное освещение" и ещё несколько подобных. Нужно чтоб все пункты поместились в одну строку, при этом каждый отдельный пункт может быть в 2 строки...
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 26.12.2013 09:02
Адрес сайта напишите, на нем css гляну.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.01.2014 21:10
li.iceMenuLiLevel_1 {width: 150px; text-align: center;}
Ответить | Ответить с цитатой | Цитировать
 
 
# Эдуард Геннадьевич 06.01.2014 14:21
Спасибо, это ответ для меня я так понял )) куда этот кусок кода вставить ? Извините, со ссылкой на сайт не получилось, отправлял вам ссылку (не активную), не публикуют.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 07.01.2014 18:25
Ссылку видел, вы отправляли ее 4-ре раза. Зачем я должен ее тут публиковать? Куда вставить я конечно знаю, но у вас появятся еще вопросы. Лучше если вы просмотрите видео курс _http://1popov.ru/nikko320/sdisc17
Ответить | Ответить с цитатой | Цитировать
 
 
# Эдуард Геннадьевич 09.01.2014 11:35
Спасибо большое, я посмотрю курс, тем более что толковых курсов действительно не так много. А по текущему вопросу всё-таки если возможно подскажите, хотелось бы решить его оперативней.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 09.01.2014 19:28
Да вот в чем и дело, что ничего читать и слушать никто ничего не хочет. Все как ЕГЭшники по Задорнову - просят три варианта ответа, один из которых правильный. Описано в разделе "Как поменять стиль мегаменю IceMegaMenu" вот туда и надо совать.
Ответить | Ответить с цитатой | Цитировать
 
 
# Алексей 23.01.2014 19:07
Подскажите, пожалуйста, вертикальное меню, скаченное у Вас, подходит для JOOMLA 3? У меня почему-то не получается его настроить. Использую шаблон IT FUTURE от ICE THEME с предустановленным горизонтальным меню.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 26.01.2014 17:45
Добавил версию, совместимую с Joomla 3.
Ответить | Ответить с цитатой | Цитировать
 
 
# Максим 02.02.2014 13:39
Можно ли как-то изменить допустим цвет ОДНОГО определенного пункта главного меню?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 02.02.2014 21:07
Читать комментарии рекомендую, этот вопрос уже задавали и получили ответ. e-kzn.ru/joomla/meniu/sistema-meniu-icemenu.html#comment-256
Ответить | Ответить с цитатой | Цитировать
 
 
# Максим 02.02.2014 22:13
Прошу прощения, не заметил.
Большое спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
# Виктор 10.03.2014 18:47
Как сделать отображение иконок спрайт на icemegamenu ни как не получаться
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 21.03.2014 20:45
CSS класс ссылки назначить и в нем указывать смещение для иконки в спрайте. Это если иконка отображается как background-image. А вообще лучше нарезать и не заморачиваться.
Ответить | Ответить с цитатой | Цитировать
 
 
# Евгений 22.03.2014 18:22
добрый день. Подскажите, как правильно создать пункт меню в котором несколько побменю, чтобы они высвечивались по клику. Если родительскому меню ставить параметр разделитель, все работает по наведению мышкой, но на гаджетах работает через один. На Appale гаджетах этот пункт меню просто текст. (щас настроен этот вариант salonrandevu ru, меню прайс-лист).
Я начинающий так что все в новинку.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.05.2014 20:07
У вас все правильно отображается. Сепаратор не делается кликабельным. Поставьте пункту Прайс-лист в соответствие список материалов или сделайте специальную страницу для него. У меня именно так сделано.
Ответить | Ответить с цитатой | Цитировать
 
 
# Сергей 28.03.2014 08:26
Здравствуйте!
Спасибо за ваш труд!
Отсутствует плагин для joomla 3.x, перезалейте пожалуйста!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.05.2014 20:25
Ссылка не так написана была, исправил.
Ответить | Ответить с цитатой | Цитировать
 
 
# Andrey 05.05.2014 17:56
помогите, пож-та.
Мультиязычный сайт - cmc-agro.cz
На основном (чешском) языке модуль ведёт себя прилично, но вот на других появляется полоса лишняя.

например - i.imgur.com/Y3Hyjug.png
i.imgur.com/R3Nb5CO.png

подскажите кто виноват и что делать?!
заранее - огромное спасибо
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.05.2014 20:02
Это точно не модуль. Скорее всего пункт меню Главная никуда не привязан. Привяжите его к какой-либо статье и посмотрите что получится.
Ответить | Ответить с цитатой | Цитировать
 
 
# Егор 14.05.2014 18:21
Здравствуйте! Спасибо за статью. Со всем разобрался. Кроме одного: как переставить местами пункты меню. Например 6-й пункт поставить 2-м, а 3-й поставить 5-м. У меня Joomla 3.2. Как задать порядок сортировки пунктов меню - понятно. А как поменять местами пункты?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 14.05.2014 19:08
Добрый вечер! Это делается именно порядком сортировки и привязкой к родителям
e-kzn.ru/files/Joomla/IceMegaMenu/Ierarkhiya_mnogourovnevogo_menyu.PNG
Менеджер меню: Редактирование пункта меню - Родительский элемент
Для 3 и 6 пункта поставить родителем 1 пункт.
Остальные так же привязать к нужным родителям.
Так пока не получится нужная вам иерархия меню.
Ответить | Ответить с цитатой | Цитировать
 

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

Уважаемые посетители!
Комментарии модерируются, активные ссылки на сайты не публикуются. Пожалуйста, не тратьте понапрасну свое и мое время на попытку размещения спамерских ссылок.
Спасибо.


Защитный код
Обновить