zibll子比主题添加右侧悬浮导航教程

jaysun

子比主题现在右侧悬浮导航还是比较不错的,功能页比较全面,如果有喜欢折腾的朋友可以自己修改下,右侧悬浮导航,此教程是从其他博客看到后觉着不错,可以学习下,喜欢的朋友可以自己测试,只显示电脑端,手机端空间太小,影响阅读、美观。右侧悬浮导航主要以zibll子比主题来进行样式的美化,一些css都采用zibll子比主题,若其他主题使用请自己修改代码中一些颜色代码或者其他部分代码,样式借鉴很多主题的右侧导航优秀的样式。没有代码基础(目前就只写了python),所以右侧悬浮导航一些功能很难完美实现,本站教程所使用的图片,请自觉下载保存本地,然后上传到图床或者其他地方。

使用教程

设置前,请关闭[电脑端的“回到顶部”按钮,后台子比主题设置里面自己找一下]

第一步:添加CSS代码

后台子比主题设置--->自定义代码--->自定义CSS样式,添加下面的CSS代码。

隐藏内容
评论可见
前往评论

说明:若需要上面的图片,自己下载保存。自己添加、修改代码。添加模块请自己修改CSS的“elevator_item”类里的“bottom:150px;”高度,不然很丑哦。蓝色的图片大小是40x140。


效果截图:

2.jpg

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (有 9 条评论,532人围观)
网友昵称:1211222
1211222 V 普通用户 Google Chrome 78.0.3904.108 Mac OS X 10.11.6 8楼
02-16 来自湖北 回复
赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:方大大
方大大 V 普通用户 Google Chrome 106.0.0.0 Windows 10 x64 7楼
02-16 来自浙江 回复
感谢分享给我
网友昵称:kuyxia
kuyxia V 普通用户 IBrowse r Huawei Browser 6楼
01-17 来自西藏 回复
感谢分享给我
网友昵称:whj123
whj123 V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 地板
2022-12-03 来自贵州 回复
萨达撒发
网友昵称:a97284173
a97284173 V 普通用户 Firefox 107.0 Windows 10 x64 凉席
2022-11-16 来自云南 回复
看看啊
网友昵称:zhaokezx
zhaokezx V 普通用户 Google Chrome 107.0.0.0 Windows 10 x64 板凳
2022-11-14 来自河北 回复
看看啊
网友昵称:mubiaonok
mubiaonok V 普通用户 QQBrowser 11.2.5170.400 Windows 10 x64 椅子
2022-11-04 来自浙江 回复
子比主题美化:鼠标移动到图片时外边框自动发光子比主题美化:底部添加蓝色波浪子比主题美化:文章页面添加文章字数和阅读时间
网友昵称:jcqm888
jcqm888 V 普通用户 Google Chrome 86.0.4240.198 Windows 7 x64 沙发
2022-10-31 来自安徽 回复
支持一下文章不错,写的很好!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码