一、存在的问题


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

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

要实现的分栏效果如图

fenlan.png

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


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

caidan.png

三、配置分栏


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

moban.png

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

juxingcaidan.png

进入如图下图的界面

jxcd.png

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

jxcd2.png

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

kuandu.png

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

zuoyi.png

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

zuoyi2.png

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

fenlan-cheng.png

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

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

zu.png

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

zu2.png

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

zu3.png

前台分栏的效果


 xiaoguo.png

 

评论 (0)

  • 最新在前
  • 最佳在前