Products.qPloneDropDownMenu 3.0

使用方法

您有一个顶级菜单项的列表，您可以在“下拉菜单”配置表单中编辑它。现在，要添加子菜单到某个菜单项，您需要在其标题（“<a></a>”）之后在其顶级菜单项内部添加无序列表（“<li>…</li>”）

<ul><li>...</li>...<li>...</li></ul>

具有2个子菜单的示例菜单。在此示例中，我们向“成员”和“事件”选项卡添加了子菜单

<li id="portaltab-index_html" class="plain"><a href="http://example.com/" accesskey="t">Home</a></li>
<li id="portaltab-Members" class="plain"><a href="http://example.com/Members" accesskey="t">Members</a>
<ul>
<li><a href="http://example.com/Members/jdoe">John Doe</a><li>
<li><a href="http://example.com/Members/mmajor">Mary Major</a></li>
</ul>
</li>
<li id="portaltab-news" class="plain"><a href="http://example.com/news" accesskey="t">News</a></li>
<li id="portaltab-events" class="plain"><a href="http://example.com/events" accesskey="t">Events</a>
<ul>
<li><a href="http://example.com/events/previous">Past Events</a></li>
<li><a href="http://example.com/calendar">Calendar</a></li>
</ul>
</li>

在您的CSS文件中自定义以下元素以更改下拉菜单的外观

• #portal-globalnav - 全局导航栏

• #portal-globalnav .csshover li.plain a, #portal-globalnav li a - 全局导航链接

• #portal-globalnav .csshover li.plain a:hover, #portal-globalnav li a:hover - 全局导航链接悬停

• #portal-globalnav .csshover li.plain ul, #portal-globalnav li ul - 全局导航下拉框

• #portal-globalnav .csshover li.plain ul li a, #portal-globalnav li ul li a - 全局导航下拉链接

• #portal-globalnav .csshover li.plain ul li a:hover, #portal-globalnav li ul li a:hover - 全局导航下拉链接悬停

您可以在下拉菜单配置表单中点击按钮以重置菜单。如果菜单代码的HTML损坏，这将非常有用。生成的代码基于您的“导航设置”中的“自动生成选项卡”的状态。但是，在点击“重新生成菜单”后，您将丢失所有子菜单的以前的菜单代码。

需求

Plone 4

作者

• Vitaliy Podoba

• Taras Melnychuk

Quintagroup 的 Plone 开发, 2004-2012