下拉菜单的布局

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

使用 T3 架构,我们可以去定制下拉菜单的布局 ... 打开 t3 模板的 导航 设置界面 ... 浏览到 Mega Menu 工具箱 ... 占击 这个 最大化 按钮 ...

这样可以多出一些屏幕空间 ...

先点击选中拥有子项目的菜单项 ... 在页面上会立即显示出菜单项的子菜单 ... 直接显示的一共有三个子菜单 ...

下面我们可以把他们分栏去显示 ... 分成三栏显示 ... 首先我们要设置一下,下拉菜单的整体的宽度 ...

用鼠标点击选中下拉菜单的边框 ... 然后输入 宽度值 .. 比如 600 像素 ... 下面会实时显示下拉菜单的变化

然后我们再去分栏显示下拉菜单上的项目 .. 选中整个下拉菜单的栏 ... 注意不是最外面的边框 .. 也不是单独的一个菜单项目 ... 而是在它们之间的区块 ..

鼠标放在上面的时候,整栏下拉菜单会变成浅黄色 ... 点击可以选中它 ...

这样工具栏上会出现 栏数配置 的相关选项...

点击 添加 ... 可以添加一个新的栏 ... 注意新的栏的宽度是 6,也就是占用 6 个网格的宽度 ... 再次点击 添加栏 ... 会再添加一个新的栏 ...

这样下拉菜单一共有三栏 ... 每栏占用 4 个网格的宽度 ... 下拉菜单整体的宽度是 12 个网格 ... 具体的宽度是我们自己设置的 600 像素 ...

分配菜单项到新的栏

下面我们可以把下拉菜单里的项目分配到新添加的栏上去显示 ...

(#选中公路)点击选中菜单项 ... 使用工具栏上的 位置 ... 去调整菜单项显示的位置 ...

再选中 多用途 ... 调整它的显示位置 ..

点击 保存 ....

回到前台 ... 刷新 ...

鼠标放在 自行车 的上面 ... 弹出下拉菜单 ... 这个下拉菜单会显示为三栏 ... 鼠标放在 山地 的上面 ... 出弹出属于它的子项目 ..

我们可以把这些子菜单项目组合在一起... 让它们直接显示在 山地 这个菜单项的下面 ..

回到后台 ... 选中 山地 ... 分组 ... 选项 是 ...

保存 ... 再回到前台 .. 刷新 ... 在 山地 下面的子项目 ... 会直接显示在它的下面 ...

下拉菜单的布局《 Joomla 模板架构:T3 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点