Горизонтальное меню (top menu) с многострочными пунктами

« : 16.10.2008, 16:29:12 »

Подскажите, плз, как сделать штатными средствами Joomla (или доп. модулями\компонентами) меню такого плана: http://www.itgorod.ru/tmp/test1.html ?

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

« Последнее редактирование: 16.10.2008, 16:41:46 от heathen »

Записан

Re: Горизонтальное меню (top menu) с многострочными пунктами

« Ответ #1 : 22.10.2008, 09:49:36 »

Ok, тогда второй вопрос - где производится замена символов < (скобок тегов) на < ? Можно было бы теги прописать прямо в названии меню - если бы не эта замена.

Записан

Re: Горизонтальное меню (top menu) с многострочными пунктами

« Ответ #2 : 22.10.2008, 12:48:31 »

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

Чтобы получить (почти) стандартными средствами многострочные меню в стиле, ссылка на который дана выше, достаточно сделать следующее:

Закомментарить в файле <JoomlaRoot>/modules/mod_mainmenu/legacy.php строку № 119 (для Joomla 1.5.7):

Код

// $mitem->name = stripslashes(htmlspecialchars($mitem->name));

После этого добавляем в файл стилей template.css похожий код:

Код

/* header Top-nav */
#head-menu
{
	margin: 0 auto;
	text-align:center;
	position: absolute;
	vertical-align: middle;
	z-index: 100;
	background:#860038;
	color:#f3f6f8;
	width: 100%;
}

#head-menu ul
{
	display:block;
	list-style-type:none;	
}

#head-menu ul li
{
	display: inline;
}

#head-menu ul li a span
{
	font-size:19pt;
	font-weight: bold;
	margin: 0 0 50px 0;
}

#head-menu ul li a {
	background:#f3f6f8;
	color:#860038;
	
	width: 25%;

	height: 55px;
	text-align:center;
	text-decoration: none;
	font-size:9pt;
	font-weight:normal;
	vertical-align: middle;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;	
}

#head-menu ul li a:link,#head-menu ul li a:visited
{
	background:#f3f6f8;
	color:#860038;	
}

#head-menu ul li a:hover, #head-menu ul li a:active, #head-menu ul li a:focus, #head-menu #active_menu-nav
{
	background:#860038;
	color:#f3f6f8;
}

и в файл index.php код для вывода верхнего меню (у меня оно назначено на user3) :

Код

			<div id="head-menu">
				<jdoc:include type="modules" name="user3" />
			</div>

Названия (текст) пунктов меню должны выглядеть таким образом:

Код

<span>О НАС</span><br />Будьте ближе

В настоящий момент недостатки метода в следующем:

чтобы добавить, например, пятый пункт меню, необходимо не только изменить само меню в админке, но и поправить template.css, тег #head-menu ul li a, опция width: 20%;
отключена замена символов типа & (амперсанд) на xhtml-чистый вариант amp;, посему рекомендую избегать их употребления в названиях пунктов.

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

Записан

убрать из меню заголовки h3 Автор nexter	Ответов: 19 Просмотров: 13641	03.02.2020, 18:49:47 от durte
При добавлении нового пункта меню не отображается содержимое Автор Denko	Ответов: 2 Просмотров: 8253	16.01.2020, 18:40:55 от Denko
Не нажимается пункт меню на мобильной версии Автор Sensession	Ответов: 7 Просмотров: 10160	04.01.2020, 16:45:27 от xpank
Не отображаются пункты в меню Автор physic	Ответов: 20 Просмотров: 29003	20.09.2019, 16:54:01 от beliyadm
DJ Mega Menu разобраться с настройкой подменю Автор Pene4ek	Ответов: 0 Просмотров: 4482	14.07.2019, 18:28:45 от Pene4ek

Горизонтальное меню (top menu) с многострочными пунктами - Joomla 1.5: Вопросы по работе с меню

Новости Joomla

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

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

Горизонтальное меню (top menu) с многострочными пунктами

Re: Горизонтальное меню (top menu) с многострочными пунктами

Re: Горизонтальное меню (top menu) с многострочными пунктами

Похожие темы