PbootCMS导航菜单-导航菜单的使用教程
多级菜单实现
通常默认导航是这样写的
{pboot:nav num=10 parent=0} nav:name {/pboot:nav} |
默认导航示例
在添加二级导航时,可以参照官网的方式添加好。
然后在加上一个if判断,即使用这个参数 nav:soncount 当它大于0时才触发循环,避免无二级菜单时出现空白内容
{pboot:nav num=10 parent=0} [nav:name] {pboot:if([nav:soncount]>0)} {pboot:2nav parent=[nav:scode]} [2nav:name] {/pboot:2nav} {/pboot:if} {/pboot:nav} |
具体写法如下图所示,三级嵌套也基本上类似操作
菜单高亮显示
菜单高亮显示需要使用到Pboot官方自带的判断语句,为当前菜单添加 active 选择器,然后给他写个样式即可
<li class="nav-item dropdown {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}" > 里面放a标签 <li> |
中英文菜单实现
<li class="nav-item {pboot:if('{pboot:sitelanguage}'=='cn')} display-none {/pboot:if} {pboot:if(0=='{sort:scode}')}active{/pboot:if}"> <a class="nav-link" href="{pboot:sitepath}/" ><i class="fa fa-home"></i> HOME</a> </li> <li class="nav-item {pboot:if('{pboot:sitelanguage}'=='en')} display-none {/pboot:if} {pboot:if(0=='{sort:scode}')}active{/pboot:if}"> <a class="nav-link" href="{pboot:sitepath}/" ><i class="fa fa-home"></i> 首页</a> </li> |
上面代码需要添加 display-none: none; 样式在样式表里,当页面为对应语言时,不同导航显示
复用导航也是类似方式实现,代码截图如下
暂时更新这部分教程,如果有新用法,再进行添加
☉首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程:
- pbootcms后台“登录失败:表单提交校验失败,请刷新后
- PbootCMS增加同tag标签文章数量显示
- 修复PbootCMS文章状态为关闭时tag标签依旧显示问题
- pbootcms模板指定内容标签调用
- pbootcms模板内容详情页标签调用
- pbootcms翻页分页条标签如何调用
- pbootcms内容详情页标签调用
- pbootcms模板调用友情链接标签代码
- pbootcms模板调用幻灯片轮播图标签
- PbootCMS模板添加栏目提示:该内容栏目编号已经存在,
- pbootcms模板报错提示PHP Warning: Unknown: open_bas
- pbootcms模板详情页如何调用指定栏目的文章
常用PB教程
- pbootcms模板自动生成当前页面二维码
- PbootCMS数据库配置,修改为Mysql数据库,配置Mysql出
- PbootCMS提示:URL名称与模型URL名称冲突,请换一个名
- PbootCms缩略图裁剪优化居中裁剪(直接上干货)
- pbootcms模板内容详情页标签调用
- PbootCMS如何取消后台、留言、自定义表单验证码
- PbootCMS自定义前台404错误页面
- pbootcms模板如何调用当前站点网址和当前页面网址
- pbootcms模板栏目页如何调用当前栏目的文章
- PbootCMS搜索未搜索到任何数据,Pb多条件搜索
- pbootcms后台“登录失败:表单提交校验失败,请刷新后
- pbootcms伪静态教程