一、存在的问题


在建立网站的导航时,需要实现分栏的效果,如果你使用的是T3的模板。那么模板自带的矩形菜单是可以实现分栏,插入模块,可以给菜单项添加图标。如果你的模板这一项功能,那么你可以通过找到相关的菜单模块。

而在这编文章中,我们将讲解,如何实现T3模板的菜单分栏的效果。

要实现的分栏效果如图

二、准备条件—建立菜单项


在建立菜单项的时候注意菜单项的级别关系,如图

三、配置分栏


进入模板管理,选择使用中的T3模板,如图

进入模板页面,点击megamenu按钮,如图

进入如图下图的界面

点击矩形菜单,出现分栏的菜单。如图有三个栏目,每个栏目都有子菜单项

开始分栏,点击最外层的线框,给予一个宽度。如图在子菜单的宽度写入900像素

点击第二栏目的虚线框,再点击向右移动的箭头,如图

 点击第三栏目的虚线框,再点击向右移动的箭头,如图

点击保存,三个栏目分栏完成,如图

距离要实现的目标效果还没有把栏目的子菜单显示出在栏目的下方,如何操作,如以下

 选择第一栏目的虚线框,然后点击开启分组,如图

开启分组后的效果,如图子菜单就会在栏目的下方

同样的操作把第二栏目和第三栏目开启分组,最后实现的效果如图

前台分栏的效果


 

 

作者: lanver

Joomla程序员,从J1.5到J4.x始终都在做Joomla相关开发定制工作,有超过10年行业经验,国内Joomla扩展开发商ZMAX团队的核心成员

作者网站:zmax程序人

评论 (0)

  • 最新在前
  • 最佳在前