Products.qPloneDropDownMenu 3.0

使用量

您有一个顶级菜单项列表，可以在“下拉菜单”configlet表单中编辑。现在，要将子菜单添加到特定菜单项，您需要在顶级菜单项的标题（'<；a>；<；/a>；'）后面的顶级菜单项（'<；li>；…<；/li>；'）内添加无序列表：

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

带有两个子菜单的示例菜单。在本例中，我们向“成员”和“事件”选项卡添加子菜单：

<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.cssweer li.plain a，portal globalnav li a-全局导航链接
• #portal globalnav.cssweer li.plain a:悬停，portal globalnav li a:悬停-全局导航链接悬停
• #portal globalnav.cssweer li.plain ul，portal globalnav li ul-全局导航下拉框
• #portal globalnav.cssweer li.plain ul li a，portal globalnav li ul li a-全局导航下拉链接
• #portal globalnav.cssweer li.plain ul li a:悬停，portal globalnav li ul li a:悬停-全局导航下拉链接悬停

您可以单击下拉菜单上的按钮配置窗体以重置菜单。这在菜单代码的html被破坏的情况下非常有用。生成的代码基于“导航设置”中“自动生成选项卡”的状态。但是，单击“重新生成菜单”后，您将丢失以前的所有子菜单代码。

需要

扑通一声4

作者

• 维生素podoba
• 塔拉斯·梅尔尼丘克

Plone Development by Quintagroup，2004-2012年