HELIX3 FRAMEWORK教程

Megamenu定制(Helix3教程)

HELIX3 megamenu定制

HELIX3内置了一个灵活的菜单设置功能,可以在主菜单中启用。这个独特的功能就是HELIX3新增加的megamenu定制工具。它可以在新建菜单项或当前菜单项进行编辑时使用。但首先我们来看一下这个功能的位置。

Megamenu定制(Helix3教程)

下拉位置:允许你选择对齐(左/右)下拉菜单的位置。

显示菜单标题:允许您隐藏菜单项标题,这虽然不常用,但是你可以试试效果,让您只显示一个空白位置而不显示菜单标题文字。

菜单图标:在菜单项旁边使用图标是一个很好的主意,有利于快速视觉选项识别,甚至使用没有文字的图标是可行的。你可以使用字体图标基于fontawesome V4.3,它意味着你有519个图标可供选择。

自定义的CSS类:允许你添加自定义的CSS类来设置该菜单项的独特样式。

 

添加模块到菜单中

一旦保存菜单项,您可以再次打开此选项卡。你应该注意到一个新的Helix megamenu选项。从这里,你可以选择一个模块来作为个菜单项的子菜单,这是个很酷的功能,让菜单非常个性。

Megamenu定制(Helix3教程)

您可以在模块管理器列表中使用模块。这意味着,如果你想添加一个新的菜单,它必须列在那里作为一个出版,位置名称不需要工作。

Megamenu定制(Helix3教程)

菜单布局管理

您可以选择列布局,它允许您在选定位置设置菜单项。要获得此功能使用“管理布局”选项(蓝色按钮)。

Megamenu定制(Helix3教程)

使用:左,右,中心,全按钮可以控制下拉菜单的外观。

两列和三列的子菜单

一二或三列菜单是相当容易的过程-从菜单管理器,你必须把所有的子菜单项。这里是示例结构,以获取3列菜单为家。

Megamenu定制(Helix3教程)

当然,我们建议使用您自己的菜单项类型的实际项目,如单件或选择组件视图。文本分隔符用于显示菜单节的标题。记得在Helix3megamenu选择你要刷新的菜单结构,得到最终结果如下面的例子出现在。

Megamenu定制(Helix3教程)

最后的结果应该类似于下面的例子。

Megamenu定制(Helix3教程)

说点什么...
取消
你是一个访客 ( 注册 ? )
作为一个访客
加载评论... 注释将在之后刷新 00:00.

第一个发表评论

joomlass-logo31.png

Search