#joomla
#joomla
Вопрос:
Как создать главное меню Joomla с подменю.
Ответ №1:
Не изменяйте основной код! Существует простое решение без взлома ядра. Взлом ядра вызовет проблемы во время обновлений, не говоря уже о том, что вы не сможете использовать модуль главного меню где-либо еще, поскольку меню будет жестко запрограммировано.
Joomla разработана для использования CSS для достижения того, что вам нужно.
Во-первых, в модуле menu добавьте суффикс класса модуля, чтобы CSS можно было применять только к этому модулю. Что-то вроде -mainmenu будет работать. Это изменит класс модуля с «moduletable» на «moduletable-mainmenu».
Затем вы добавляете немного CSS, чтобы фоновые изображения работали так, как вы хотите. Что-то вроде этого —
.moduletable-mainmenu LI{background:url(path-to-square-background.jpg)}
.moduletable-mainmenu LI:hover{background:url(path-to-square-background-mouseover.jpg)}
.moduletable-mainmenu UL:first-child{background:url(path-to-left-rounded-background.jpg)}
.moduletable-mainmenu UL:first-child:hover{background:url(path-to-left-rounded-background-mouseover.jpg)}
.moduletable-mainmenu UL:last-child{background:url(path-to-right-rounded-background.jpg)}
.moduletable-mainmenu UL:last-child:hover{background:url(path-to-right-rounded-background-maouseover.jpg)}
Joomla также добавит id =»current» в текущее меню, чтобы вы могли добавить его в CSS, если хотите выделить текущее меню. Кроме того, вы также можете включить Активный родительский элемент в других параметрах модуля меню, чтобы Joomla добавила class=»parent» к родительскому пункту меню, если вы хотите выделить также родительский элемент меню.
Теперь у вас могут быть закругленные углы без необходимости взламывать какой-либо основной код.
Ответ №2:
Это легко сделать.
здесь я объяснил, как это сделать.
1. Скопируйте свой HTML-код для меню. 2. Перейдите в свой flies -> modules -> mod_mainmenu -> legacy.php 3. ПЕРЕЙДИТЕ к строке 380 «; echo»; эхо»;
if ($spacer_end) {
echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
}
if ($spacer_start) {
$html = '<span class="' . $menuclass . '"> ' . $spacer_start . ' </span>';
echo implode($html, $links);
} else {
echo implode('', $links);
}
if ($spacer_end) {
echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
}
echo '</td>';
echo '</tr>';
echo '</table>';`
4. скопируйте и вставьте сюда свой HTML-код.
пример:
echo "
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="menu">
<ul>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=frontpageamp;Itemid=63" class="current"> Home</a></li>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;Itemid=27">Profile</a></li>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=friendsamp;Itemid=2" onmouseover="bizdropdownmenu(this, event, 'menu1')">Friends</a></li>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=inboxamp;Itemid=41" onmouseover="bizdropdownmenu(this, event, 'menu2')">Message</a></li>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=photosamp;Itemid=49" onmouseover="bizdropdownmenu(this, event, 'menu3')">Photos</a></li>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=videosamp;Itemid=74" onmouseover="bizdropdownmenu(this, event, 'menu4')">Videos</a></li>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=eventsamp;Itemid=142" onmouseover="bizdropdownmenu(this, event, 'menu5')">Events</a></li>
<li>
<a href="http://project.websolusionz.com/speed/index.php?option=com_kunenaamp;view=listcatamp;catid=0amp;func=listcatamp;Itemid=165">Forum</a></li>
<li><a href="chat.html">Chat</a></li>
<li><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;Itemid=158" onmouseover="bizdropdownmenu(this, event, 'menu6')">Myamp;nbsp;Account</a></li>
</ul>
<div class="menu" id="menu1"><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=searchamp;Itemid=74amp;Itemid=129">Search</a><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=searchamp;task=advancesearchamp;Itemid=74amp;Itemid=130">Advanced Search</a><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=friendsamp;task=inviteamp;Itemid=2amp;Itemid=131">Invite Friends</a><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=friendsamp;task=sentamp;Itemid=2amp;Itemid=132">Request Send</a><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=friendsamp;task=sentamp;Itemid=2amp;Itemid=133">Pending My Approval</a></div>
<div class="menu" id="menu2"><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=inboxamp;task=sentamp;Itemid=77amp;Itemid=135">Send</a>
<a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=inboxamp;task=writeamp;Itemid=41amp;Itemid=50">Compose Message</a></div>
<div class="menu" id="menu3"><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=photosamp;task=myphotosamp;userid=84amp;Itemid=74amp;Itemid=139">My Photos</a></div>
<div class="menu" id="menu4"><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=videosamp;task=myvideosamp;userid=84amp;Itemid=74amp;Itemid=140">My Videos</a>
<a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=videosamp;task=searchamp;Itemid=74amp;Itemid=141">Search Videos</a></div>
<div class="menu" id="menu5"><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=eventsamp;task=myeventsamp;userid=84amp;Itemid=82amp;Itemid=143">My Events</a></div>
<div class="menu" id="menu6"><a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;task=linkVideoamp;Itemid=164">Change Profile Videos</a>
<a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;task=uploadAvataramp;Itemid=164">Change Profile Picture</a>
<a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;task=editamp;Itemid=164">Edit Profile</a>
<a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;task=editDetailsamp;Itemid=164">Edit Detail</a>
<a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;task=privacyamp;Itemid=164">Privacy</a>
<a href="http://project.websolusionz.com/speed/index.php?option=com_communityamp;view=profileamp;task=preferencesamp;Itemid=164">Preferences</a>
</div>
</div></td>
</tr>
</table>";
/* if ($spacer_end) {
echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
}
if ($spacer_start) {
$html = '<span class="' . $menuclass . '"> ' . $spacer_start . ' </span>';
echo implode($html, $links);
} else {
echo implode('', $links);
}
if ($spacer_end) {
echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
}*/
/*echo '</td>';
echo '</tr>';
echo '</table>';*/
break;
}
}
}
5. теперь вы добавляете меню в главное меню. 6. вы наверняка получите свое меню на передней панели.