子比美化给文章标题文字添加彩色渐变效果
代码 /*文章标题加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, ...
给子比列表文章封面缩略图添加动态图
/*动态圆圈*/ .item-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0); transition: background .35s; border-radius: ...
子比主题侧边栏悬浮按钮美化
/*悬浮美化开始kobai.top*/ .float-right .ontop { --this-color: #ffffff; --this-bg: linear-gradient(123deg, #461B93 0%, #461B93 40%, #6A3CBC calc(40% + 1px), #6A3CBC 60%, #8253D7 cal...
子比主题美化 – 标题美化
/*猫爪*/ .title-theme { padding: 0px 0px 0px 45px!important; background: url(https://www.tfbkw.com/wp-content/uploads/2024/01/cat.svg) 10px center no-repeat; background-size: 30px ...
子比主题美化 – 底部横向网站信息统计模块
教程开始 子比主题的主题目录下，header.php 底部添加下方核心函数代码 <script type='text/javascript' > //文章总数 <?php $count_posts = wp_count_posts(); $published_posts =$count...
子比主题美化 – 评论、搜索框打字粒子特效
代码如下 <!--彩色粒子特效--> (function webpackUniversalModuleDefinition(a, b) { if (typeof exports === 'object' && typeof module === 'object') { module.exports = b() } e...
子比美化 – 文章列表美化
教程 CSS /* 单行文章列表美化——开始 */ .posts-item.card:last-child { margin-bottom: 8px!important; } .training-camp__wrapper .header__title-wrapper{ font-size: 16px; } .sec-wrappe...
子比主题美化 – 实现未登录时图片高斯模糊显示
//未登录时全站图片模糊 function n_yingcang_css(){ echo '<style> img { -webkit-filter: blur(10px)!important; -moz-filter: blur(10px)!important; -ms-filter: blur(10px)!important; ...
子比主题美化 – 会员购买弹窗增加背景
放到后台自定义css /*仿哔哩哔哩弹窗背景*/ .payvip-modal { background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01zWJtdh1QbIhbcKakX_!!2210123621994.png),url(htt...
![子比主题 – 评论区美化[修复日夜显示问题]-阿呆日记](http://daixm.daixb.top/wp-content/uploads/2025/02/3cc24fba-fb33-46dd-9cf8-2221bd66cb89-1024x418.png)
子比主题 – 评论区美化[修复日夜显示问题]
放到后台自定义css /*定义日夜间颜色*/ body{ --acg-color:#fff8fa; --acg-color2:#f8fdff; } .dark-theme{ --acg-color:#323335; --acg-color2:#323335; } /* 修改子比主题评论区默认样式 */ #...
子比主题 – 给文章列表加一个浮动动态效果
将下面代码放到子比主题=>自定义CSS即可，我默认的是白色的，颜色可以调，rgba(255,255,255,0.35)，这是rgb颜色代码，是白色的代码，如果需要其他颜色可以去网上找rgb网站代码然后把下面的里面...
子比主题 – 昵称抖音风格字体美化代码
/*子比昵称抖音故障风格*/ .display-name{ text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5); animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.2...
子比主题 – 给文章侧边加一个滚动公告
将上面的代码放到小工具自定义HTML里面即可 <!--子比滚动公告框--> <style> @keyframes move { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } .show-not...
