Add-ons/Plugins - [cXF] Top Navigation

XF versions

2.2+
2.3+

许可/License: 无限制/Nulled

Tutorial/教程主题 'cXF - 超级菜单 DIY 示例代码'

02 12, 2024

这是顶部导航菜单的超级菜单的示例代码：

HTML:

<div class="cxf-megaMenu">
    <div class="cxf-megaMenu-column">
        <h3>First Category</h3>
        <ul>
            <li><a href="#">Test link</a></li>
            <li><a href="#">Another test link</a></li>
            <li><a href="#">Just testing</a></li>
            <li><a href="#">Test</a></li>
            <li><a href="#">Maybe longer test link</a></li>
            <li><a href="#">Other links</a></li>
            <li><a href="#">New link</a></li>
            <li><a href="#">End link</a></li>
        </ul>
    </div>

    <div class="cxf-megaMenu-column">...

其它信息: 特征:

粘性或不粘性顶部导航到论坛顶部（移动视图的单独选项）
将元素移至顶部导航：仅限访客选项卡、仅限搜索选项卡、访客选项卡和搜索选项卡
以及最多 10 个顶部导航链接（标题、URL、在新选项卡中打开、在覆盖层中打开、链接图标、工具提示标题）
顶部链接基于权限
顶部链接可以有一个下拉菜单，最多包含 5 个自定义链接
将自定义代码添加到顶部菜单的选项
单独调整每个菜单的菜单宽度
添加登录和注册按钮的图标
自定义菜单（可选，您可以手动添加超级菜单（在我们的网站上为我们的客户提供 DIY 教程））
支持 DragonByte eCommerce 和 DragonByte Credits 附加组件：您可以在顶部导航中的警报选项卡*旁边显示此附加组件的图标（*确保在 DragonByte Credits 附加组件选项页面中设置导航栏选项卡以在“之后显示”警报”选项卡）。