「水坑」Z-Blog 简易二级导航菜单 CSS

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq

历史原因,Z-Blog 的导航、友情链接管理都比较复杂,虽说将来预定会在系统层面进行修改,眼下作为过渡,推荐使用插件:

链接模块管理 - Z-Blog 应用中心:

https://app.zblogcn.com/?id=1873

插件目前已支持二级导航,只是前台效果需要主题自行适配。

下边代码适用于default主题,本文发出不久后预计将直接内置。

#divNavBar li {
  position: relative;
}
#divNavBar li ul {
  display: none;
  position: absolute;
  left: 0;
  white-space: nowrap;
  /* ↓↓ 一般设置为和#divNavBar高度相同 */
  top: 36px;
  /* ↓↓ 背景色同样以实际为准 */
  background-color: #297bc4;
}
#divNavBar li:hover ul {
  display: block;
}

对于响应式主题需要考虑手机站效果,不一而足。

使用 Bootstrap 等前端框架构建的主题也可使用其导航组件,链接管理插件支持自定义模板,可直接生成需要的 html 结构,并不局限于 ul->li>(a+ul>li>a) 这种形式。


爱发电

本文标题:《「水坑」Z-Blog 简易二级导航菜单 CSS》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20200413146.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

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

网站分类

搜索

本周旧文

wdssmq/blog-astro: 一个基于 Astro 的静态博客;

本质上,面临一个代码问题时,我们需要的是另一个人愿意为「你」的问题投入精力,并且有相应的技术知识。。

接上一条,Resilio Sync 换 Syncthing 感觉也是略大的工程。。Orz

去年 GoodSync 送了一年授权,然后也确实用上了;本来想着到期就换 Syncthing,结果前几天临期提醒,花 ¥381 续了三年 Orz,两者定位和使用姿势还是有些差别的。。更早是用 Resilio Sync 和 BCompare,但是前者内存占用太高,后者并不是自动同步的定位。。

2024 年了,姑且备份下嘟特存档。。

……,一个不知名的小众样式库 + 内联样式混写这种入坑姿势确实很有槽点,但是,「已经开始学」并且能够持续是绝对值得肯定的。。

在贴吧看过很多提问了,就有种错觉:好多人为了提一个问题专门注册了贴吧,问题本身可能得到有效回答,也可能没有(和提问的点及具体姿势有关。。但无论如何,之后就和注销了账号一样没有然后了,好像之后永远不用学相应的东西一样。。

《恶魔娃娃》

- 他们正研究你究竟是真正的大人,还是伪装成大人的小孩

- 我自己都研究很久了

乐高 DC 里,(基本就蝙蝠侠家,,年龄最小的那个无论是谁感觉人设都会变得一样 - -

所以,就感觉和祥林嫂一样,每天都需要向外「签到」自己的情绪感受,然而又并没有什么「需要」我这样的签到……

爱发电支持者

最新留言

友情链接

  • 订阅本站的 RSS 2.0 新闻聚合
召唤伊斯特瓦尔