随笔分类 -  网站建设 / 子比美化

首页文章列表悬停上浮
摘要：首页文章列表悬停上浮 ​ 在 子比主题后台 – 自定义代码 – 自定 CSS 样式代码 里面添加下面代码： /*【首页文章列表悬停上浮】开始 */ @media screen and (min-width: 980px){.tab-content .posts-item:not(article){t 阅读全文
posted @ 2025-04-01 22:36 Supl 阅读(17) 评论(0) 推荐(0)
用户头像呼吸光环+鼠标悬停旋转放大
摘要：用户头像呼吸光环+鼠标悬停旋转放大 在 子比主题后台 – 自定义代码 – 自定 CSS 样式代码 里面添加下面代码： /*【用户头像呼吸光环+鼠标悬停旋转放大】开始 */ .avatar{border-radius: 50%; animation: light 4s ease-in-out infi 阅读全文
posted @ 2025-03-31 20:41 Supl 阅读(45) 评论(0) 推荐(0)
评论夸一夸功能
摘要：评论夸一夸功能 原文：https://www.tianyubk.com/863.html 效果图 1. 新建CSS文件 ​项目根目录/resouces/插件/小工具/评论​ （可以新建上述目录）新建 kuakua.css​ 文件 .kuakua-first-box { margin: auto; w 阅读全文
posted @ 2025-03-30 16:41 Supl 阅读(21) 评论(0) 推荐(0)
网站添加侧边彩色滚动条
摘要：网站添加侧边彩色滚动条 在 子比主题后台 – 自定义代码 – 自定 CSS 样式代码 里面添加下面代码： /*【彩色滚动条样式】开始 */ ::-webkit-scrollbar { width: 7px; height: 1px; } ::-webkit-scrollbar-thumb { bac 阅读全文
posted @ 2025-03-30 13:20 Supl 阅读(17) 评论(0) 推荐(0)
网站设置动态标题
摘要：网站设置动态标题 效果图 在 子比主题后台 – 自定义代码 – 自定义 javascript 代码 里面添加下面代码： //【网站动态标题】开始 var OriginTitile = document.title, titleTime; document.addEventListener("visi 阅读全文
posted @ 2025-03-30 13:08 Supl 阅读(20) 评论(0) 推荐(0)
阿里云矢量图
摘要：阿里云矢量图 子比主题集成阿里云矢量图标库完整指南 最后更新：2025年03月29日 | 适用版本：子比主题7.3+ 一、阿里云项目配置 1.1 创建图标项目 访问阿里云矢量图标库并登录 搜索图标 → 加入购物车 → 创建新项目时设置： FontClass/Symbol前缀：zb- # 与主题CSS 阅读全文
posted @ 2025-03-30 08:28 Supl 阅读(246) 评论(0) 推荐(0)