• 欢迎访问爱玩吧
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏爱玩吧

【zblog】zblog二级导航教你怎么写代码

建站资源 aiwanyule 6年前 (2016-05-11) 474次浏览 已收录 0个评论

zblog二级导航叫你怎么写代码

zblog的导航栏需要自己在模块管理里面编辑代码,对于一级导航栏,zblog也提供了相对简化的操作。

在建立分类的时候,可以选择加入导航栏

【zblog】zblog二级导航教你怎么写代码

加入之后,我们可以在 模块管理中的导航栏中找到代码。

【zblog】zblog二级导航教你怎么写代码

例如这样的:

<li id="navbar-category-4"><a href="http://www.iasuna.com/category-4.html"><a style="color:#FF0000;" href="http://www.iasuna.com/tags-86.html">动漫</a>游戏</a></li>

这就是导航栏中的一个,zblog默认会追加到导航栏最后。即使在建立分类的时候选择了父分类,也依旧追加到最后,只是一级导航栏。

如何建立二级导航栏呢?首先要确定主题能够支持二级导航栏,否则就算修改也没有效果的。

其实二级导航栏就是在一级导航栏的基础上追加一个ul标签包裹一下就好了。例如下面的代码:

<li id="navbar-category-3"><a href="http://www.iasuna.com/category-3.html">生活趣事</a>     <ul class="sub-menu"><li id="navbar-category-9"><a href="http://www.iasuna.com/category-9.html"><a style="color:#FF0000;" href="http://www.iasuna.com/9.html">视频</a>影集</a></li>         <li id="navbar-category-10"><a href="http://www.iasuna.com/category-10.html">人生如戏</a></li>         <li id="navbar-category-11"><a href="http://www.iasuna.com/category-11.html">编码趣闻</a></li>         <li id="navbar-category-13"><a href="http://www.iasuna.com/category-13.html">IT资讯</a></li>     </ul> </li>


爱玩吧 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:【zblog】zblog二级导航教你怎么写代码
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址