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

Jaysun

温馨提示:这篇文章已超过565天没有更新,请注意相关的内容是否还可用!

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

使用教程

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

第一步:添加CSS代码

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

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

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


效果截图:

2.jpg

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

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 15 条评论,1560人围观)
网友昵称:le521211
le521211 V 普通用户 Firefox 116.0 Windows 10 x64 14楼
02-15 来自北京 回复
文章不错,写的很好!emmmmm……看不懂怎么破?感谢大佬分享!
网友昵称:dongdongyouxi
dongdongyouxi V 钻石VIP Google Chrome 120.0.6099.230 Samsung W2019 13楼
01-25 来自河北 回复
我喜欢你...
网友昵称:beichen
beichen V 钻石VIP Google Chrome 119.0.0.0 Mac OS X 10.15.7 12楼
2023-11-29 来自江西 回复
文章不错,写的很好!emmmmm……看不懂怎么破?感谢大佬分享!
网友昵称:beichen
beichen V 钻石VIP Google Chrome 115.0.0.0 Windows 10 x64 11楼
2023-08-03 来自江西 回复
66666赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:927247
927247 V 普通用户 Google Chrome 112.0.0.0 Windows 10 x64 10楼
2023-05-17 来自福建 回复
学习
网友昵称:xinxiu
xinxiu V 普通用户 LBrowser 8.0.1.4031 Windows 10 x64 9楼
2023-04-20 来自河南 回复
文章不错,写的很好!
网友昵称:1211222
1211222 V 普通用户 Google Chrome 78.0.3904.108 Mac OS X 10.11.6 8楼
2023-02-16 来自湖北 回复
赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:方大大
方大大 V 普通用户 Google Chrome 106.0.0.0 Windows 10 x64 7楼
2023-02-16 来自浙江 回复
感谢分享给我
网友昵称:kuyxia
kuyxia V 普通用户 IBrowse r Huawei Browser 6楼
2023-01-17 来自西藏 回复
感谢分享给我
网友昵称:whj123
whj123 V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 地板
2022-12-03 来自贵州 回复
萨达撒发

目录[+]

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