您的位置:小众博客 > Zblog > 正文

很多独立博客的博主喜欢给博客的分类下设置子分类并且在博客的首页导航栏可以显示下拉菜单显示出子分类,如图:

给Zblog设置鼠标放在导航栏分类可以显示子分类下拉菜单  第1张

zblog博客程序后台目前是没有设置导航下拉菜单这个功能设置的,那么我们怎么来实现呢?其实方法很简单。

首先我们进入zblog博客的后台管理页面,点击左侧的“模块管理”,然后点击编辑右侧模块里的“网站分类”模块,如图(小众博客这里将网站分类改名字为博客分类了,可以无视):

给Zblog设置鼠标放在导航栏分类可以显示子分类下拉菜单  第2张

进入网站分类设置后我们把样式的默认“普通型”改为“URL嵌套型然后点击提交(下面的禁止系统更新模块内容请保持OFF状态)如下图:

给Zblog设置鼠标放在导航栏分类可以显示子分类下拉菜单  第3张

提交后我们再次进到“网站分类”的编辑页面,将正文框里的代码全选复制,如图:

给Zblog设置鼠标放在导航栏分类可以显示子分类下拉菜单  第4张

然后我们编辑导航栏,将刚刚复制的代码粘贴到导航栏设置的正文框内,覆盖之前的导航栏代码,如下图:

给Zblog设置鼠标放在导航栏分类可以显示子分类下拉菜单  第5张

给Zblog设置鼠标放在导航栏分类可以显示子分类下拉菜单  第6张

OK,点击提交,然后我们去首页刷新下看看,zblog的导航栏是不是已经显示子分类的下拉菜单了。但是效果估计会暴丑,因为没有给下拉菜单设置CSS样式,因为每个博客的主题使用不同,小众博客这里仅分享本站使用的样式给博友们做参考。将代码加入CSS中即可。代码如下:

#hamburgermenu li ul li
{clear: left;width:100%;
background-color:#2080B0;
border-right-width:0px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#2080B0;}

本文由小众博客原创分享,转载请注明出处!

- END -
业界动态
  • 重磅!谷歌或被迫出售 Chrome 浏览器,垄断之路走到尽头?
  • 苹果成为史上第一家市值突破3万亿美元的企业
  • 腾讯一则公告,很可能导致外卖CPS项目的寒冬来了
  • 互联网行业巅峰将过
  • 喜报式实时成交额不见了 今年双11电商巨头战报变冷静
  • Facebook正式更名为Meta
  • 阿里云上线正版图片库,永久版权
  • 库克:中国从未要求苹果公司解锁手机
  • 搜狗开了个小差儿
  • 权健实际控制人束某某等18人被刑拘
  • 网站运营
  • Js实现双击鼠标自动滚动页面效果
  • Nginx各种配置收集整理
  • 网站备案对收录到底有没有影响
  • 什么是Referer 设置防盗链时候指明和不指明空Referer的区别
  • 宝塔面板迁移系统盘/www到数据盘/data
  • 自适应网页设计代码需要做的6大调整
  • 站长们,不要忘了你的网站是要做什么的
  • 浅谈网站网页面价值所在
  • 2016年网络SEO外链指南
  • 网站优化太早并不是一定是好事
  • 年度热门
  • 同床共寝对健康和幸福的影响
  • 吃个饭被人拍进短视频,她起诉平台获赔1万元
  • 印度计划在2035年建成自己的空间站
  • 重磅!谷歌或被迫出售 Chrome 浏览器,垄断之路走到尽头?