此文章仅供学习和研究使用,请在下载后24小时内删除

右侧悬浮按钮美化版(站长根据本站进行二次调整修复)-子比主题美化

子比主题右侧悬浮按钮美化版(站长根据本站进行二次调整修复),需要的自行取走

注意:只显示电脑端,手机端空间太小,影响阅读、美观。

子比主题现在右侧悬浮导航还是很不错的,功能也比较全面

如果有喜欢折腾的朋友可以自己修改下,右侧悬浮导航

此教程是从其他博客看到后觉着不错,可以学习下,

右侧悬浮导航主要以zibll子比主题来进行样式的美化,一些css都采用zibll子比主题。

若其他主题使用请自己修改代码中一些颜色代码或者其他部分代码

样式借鉴很多主题的右侧导航优秀的样式

没有代码基础(目前就只写了python),所以右侧悬浮导航一些功能很难完美实现

本站教程所使用的图片,请自觉下载保存本地,然后上传到图床或者其他地方

演示图:

QQ截图20240527213024

教程

第一步:zibll主题设置—全局功能—自定义代码—自定义CSS样式添加以下CSS代码

第二步: zibll主题设置—全局功能—自定义代码—自定义底部HTML代码添加以下代码

站长提示:以上代码中,如果你的图片地址不一致可自行更改~

站长提示:如果以上代码添加以后出现跟原来的悬浮按钮重叠,可以在后台 zibll主题设置—全局功能—悬浮按钮设置 挨个选项设置里面关闭PC端 手机端显示即可,如下图:

QQ截图20240527214423

温馨提示:本文最后更新于2024-06-01 15:55:27,文章具有时效性,若有错误或失效,请在下方留言或联系站长
喜欢就支持一下吧
点赞7赞赏 分享
评论 共2条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称常用语表情代码图片
    • 头像Denver0