XML  HTML  企业网站建设     RSS订阅深圳网站建设,网络营销,深圳网络推广,深圳seo,草根网络创业者
你的位置:首页 » 建站资料 » 正文

刚刚给诺伊网博客加了二级导航菜单栏目

选择字号: 超大 标准 admin 发布于2019-10-19 属于 建站资料 栏目  2个评论 68人浏览

  因本站是zblog系统,zblog博客发展越来越大,内容越来越多,栏目也越来越多,都用主栏目可能越来越难以维持,所以诺伊网为持续发展,今天考虑增加子栏目二级导航菜单,网上经过搜索查询资料发现,可以轻易实现:

有不少的开发者为其开发出一套套精美的模版或是插件。zblog博客主程序已支持二级分类,而一些博客主题的模版也适配的二级分类导航,但有点刚入门的新手们,还是不会设置二级分类。那么今天就写一个很简单的教程,供大家参考一下。以下内容均来自飞鸟慕鱼博客。

本教程适用于大多数zblog主题。

二级导航源码

二级导航源码,无非就是属于UL标签嵌套类型,对一些略懂HTML的程序员来说,是非常的简单。

具体代码示例如下

<ul>
    <li><a>一级导航</a></li>
    <li><a>一级导航</a></li>
    <li><a>一级导航</a>
        <ul>
            <li><a>二级导航</a></li>
            <li><a>二级导航</a></li>
            <li><a>二级导航</a></li>
        </ul>
    </li>
    <li><a>一级导航</a></ul>

复制

由上面的代码可以看出,二级导航的UL标签是嵌套在一级UL标签的LI标签中,这样鼠标点击一级标签或划过一级标签的时候,二级UL标签就会显示出来。

这里需要CSS代码与JS代码进行配合,才能达到二级分类的效果,具体这里不再说时,大家可以在网上找到很多这样的示例来参考。

Zblog中简单的获得此嵌套代码

在z-blog博客程序中,我们可以通过模块中的“网站分类”模块,快速的得到UL嵌套类型的分类导航代码,具体操作如下:

1、添加设置你的分类,如果所示,设置你的分类是一级分类,还是属于某个大分类下的小分类,如果此分类要显示到导航上,下方的“加入导航栏菜单”的按钮一定要打开。

QQ截图20191019224354.jpg

2、打开“模块管理”中的“网站分类”模块,如下图箭头所示,类型选择“UL”,样式选择“UL嵌套”

QQ截图20191019224403.jpg

3、提交保存此模块,并再次打开,并复制“正文”中的代码即可。

QQ截图20191019224517.jpg

4、将你复制得到的代码,按照你所使用主题的说明,放到主题的导航中去即可。

PS:这个教程,可以说是你一取巧的操作,当然,你也可以通过上面给出的代码示例,参考着自己 写一个导航的代码出来!



文章来自诺伊网博客原创内容

标签:zblog子菜单,zblog子栏目,zblog子导航菜单,

亲!深圳网站建设,网站运营,seo,草根创业博客请您点赞
  • 流泪

    11

  • 打酱油

    29

  • 开心

    30

  • 点赞

    36

  • 差评

    1

诺伊网广告位招租

猜你喜欢

已有2位网友发表了看法:

1#沉冰浮水  2019-10-21 07:45:48 回复该评论
禁止系统更新模块内容←这个很重要
1#admin  2019-10-21 10:04:49 回复该评论
是的,你真厉害,这个我都没有置顶,你都能看到。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

诺伊网广告位招租
热门文章
热评文章
    随机文章 | 热门文章 | 最新文章
随机文章
深圳企业做爱采购找谁
扫一扫,加我为微信好友 加我为微信好友

电话:075536891206

手机:13530151322

在线联系