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

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq  FeedsPub-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
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

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

相关文章

发表评论:

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

网站分类

搜索

本周旧文

《恶魔娃娃》

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

- 我自己都研究很久了

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

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

只要梦里出现学校的概念,形式和反抗好像也都不重要了,,天还没亮,骑自行车去上学,没走多远「想起来」并不需要上学的,下来搬起车原地调头然后推回家。。

《K 星异客》里,「青鸟」真的是等来的,或者说是突然出现然后引发改变的外部因素。。。

梦的最后也是又一次意识到教室里的同学只是幻境中的投影,被困住的只有我;虽然也终于总结出,在梦里从来没有和同学的投影有过冲突和争执,甚至还附和我反驳「管理者」身份被进一步放大并不特指某一个人的老师。。

就和大脑会突然播放某一首歌一样,「讨厌自己」这句话也是自己突然就会播放一次,然后频率更高。。

学校,学校,学校,总是梦到学校,,就好像灵魂被诅咒禁固一样。。

拟造轻小说标题:《爱上网冲浪的山本同学总是滥用讨人嫌的罗马音缩写这件事》,简称《山本罗马音》

英文是一种语言的「文字」,所以英文缩写也是「文字的缩写」;对应到中文也应该是对「文字」进行缩写,而不是「读音的符号化表示的缩写」;这也是为什么反对用拼音当变量名,拼音只是将中文这一语言的「读音」图形化表达的工具,我们直接使用的是语言的「文字」和「读音」;

——甚至标准的拼音应该带上声调……

爱发电支持者

最新留言

友情链接

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