Helix3 - логотип посередине меню - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

1 Вниз

0 Пользователей и 1 Гость просматривают эту тему.

1 Ответов
2418 Просмотров

nick71

Завсегдатай
1145
12 / 12
Сайты любой сложности - обращайтесь

Helix3 - логотип посередине меню

« : 31.03.2016, 21:33:26 »

Т.е. задача разделить меню - три пункта слева и три пункта справа, как например здесь: http://view.xscreenshot.com/6cd191b7a632a259590abe2290359afe
Попробовал поставить отдельно основное меню слева а справа поставить стандартным модулем - правое меню вертикальное вывелось, ну и как-то это по-моему неправильно, может есть какой-то другой метод?

Записан

Shustry

Moderator
6434
745 / 3

Re: Helix3 - логотип посередине меню

« Ответ #1 : 31.03.2016, 22:06:00 »

Ну тут несколько вариантов
1. Вывести двумя модулями меню.
2. Переопределить шаблон меню. Сделать четвёртым пунктом тип=разделитель. Потом в файл названиеменю_separator прописать вывод логотипа.
3. Можно вообще одними стилями. Типа так:

Код: css

.menu {
	display:inline-block;
	font-size:0; /*убираем паразитные отступы*/
}
.menu li {
	display:inline-block;
	font-size:14px;
}
.menu li:nth-child(3):after {
	content:'';
	width:50px;
	height:50px;
	background:/*путь до лого*/
}