子比美化 第3页
子比主题美化相关教程
分类
排序
2026-03-02
300积分
子比主题美化 –墨星同款优惠券样式推广代码-识趣者资源
子比工具

功能子比主题美化 –墨星同款优惠券样式推广代码

前言 大家好，今天转网站发现了一个很好看的样式，就把它给扒出来了，原作者是墨星博客，在此非常感谢。并且做成了一排两个的摆放样式。并且自适应移动端，显示一行一个。这个可以很好起到宣传作用！ 效果图 教程开始 将下面代码放入wordpress后台-外观-小工具–自定义HTML代码，选择一个自己喜欢的位置，推荐顶部全宽度或者底部全宽度。 代码部分 [hidecontent type="payshow"] <style> .mxchild-card{display:flex;align-items:stretch;min-height:80px;background:rgb(41,151,247);border-radius:8px;-webkit-mask-image:radial-gradient(circle at 88px 4px,transparent 4px,red 4.5px),radial-gradient(closest-side circle at 50%,red 99%,transparent 100%);-webkit-mask-size:100%,2px 4px;-webkit-mask-repeat:repeat,repeat-y;-webkit-mask-position:0 -4px,87px;-webkit-mask-composite:source-out;mask-composite:subtract;position:relative;padding-right:100px;overflow:hidden}.card-left{width:88px;text-align:center;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-left .price{display:flex;align-items:baseline;line-height:1}.card-left .currency{font-size:16px}.card-left .amount{font-size:32px;margin-left:2px}.card-right{padding:12px;display:flex;flex:1;flex-direction:column;justify-content:center}.card-info{margin:0;font-size:14px;line-height:1.4;color:#fff}.card-subtitle{margin:0;font-size:12px;color:rgba(255,255,255,0.9);margin-top:2px;line-height:1.3}.coupons-container{display:flex;flex-wrap:wrap;gap:8px;width:100%}.coupons-container .mxchild-card{flex:1;min-width:300px}@media (max-width:768px){.coupons-container{flex-direction:column;gap:8px}.coupons-container .mxchild-card{min-width:100%}}.mxchild-card .buy-button{content:"立即购买";position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#fff;color:rgb(41,151,247);padding:6px 12px;border-radius:5px;font-size:14px;font-weight:bold;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;border:none;transition:all 0.3s ease}.mxchild-card .buy-button:hover{background:rgba(255,255,255,0.9);transform:translateY(-50%) scale(1.05)} </style>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 25天前
#子比美化
 2026-01-13
600积分
子比主题 – 文章标题自定义文字或图标前缀-识趣者资源

子比主题 – 文章标题自定义文字或图标前缀

这是一款文章标题自定义文字或图标前缀，图标前缀是固定的，可以自己去文件改一下，这个角标是初一站长写的样式，给子比标题前加一个非常好看的样式，还是不错的，喜欢的自行部署吧！ [hidecontent type="payshow"] 一共有两个代码，跟着我步骤走不会有问题，话不多说直接开始！ func代码CSS代码 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创建一个，记得加上php头，要不然会报错的，将下面的代码放里面，里面的图标有三个图标，你有技术可以自己扩展一下！ CSF::createMetabox('DearLicy_titles', array( 'title' => '标题前缀', 'post_type' => 'post', 'context' => 'advanced', 'data_type' => 'unserialize', 'priority' => 'high', )); CSF::createSection( 'DearLicy_titles', array( 'fields' => array( array( 'id' => 'titles_moshi', 'type'...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-03-15
密码验证
子比主题 – 底部黑色页脚样式(阿呆赞助)-识趣者资源
子比美化

美化子比主题 – 底部黑色页脚样式(阿呆赞助)

这是给子比主题适配的第二款黑夜页脚样式的美化，此版本不同于上个版本的黑夜页脚样式，此版本主要是模仿着优设来设计的，总体来说还算可以，这款并非是插件而是纯代码 [hidecontent type="password" password="ly19960318" img_id="" img_url="" desc="ly19960318"] 黑色页脚样式下载 提取码dV3F [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 12天前
#子比美化
 2026-02-07
评论可见
子比美化-添加最新通知模块小工具-识趣者资源

子比美化-添加最新通知模块小工具

演示图 教程： 在后台–>外观–>小工具–>自定义HTML，把自定义HTML放到合适的位置，然后把下面代码复制粘贴进去，即可在前台显示 [hidecontent type="reply"] <div class="zhankr-zx"> <span>NEWS</span> <div class="zhankr-zx-n"> <strong>最新</strong> <strong>通知</strong> </div> </div> <div class="zhankr-zx-n"> <center> <strong>如果您邮箱是QQ邮箱,注册或登录时邮箱收不到验证码</strong><br> <strong>可能是近期官方邮件发送过多,请查看QQ邮箱-垃圾箱</strong> </center> </div> <style> .zhankr-zx { position: relative; margin-bottom: 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2025-12-23
子比主题 – 子比音乐播放器插件_三种模式-识趣者资源

子比主题 – 子比音乐播放器插件_三种模式

这是一款子比主题音乐播放器插件，带有三种模式，完善的播放器功能和后台设置页面，普通模...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-08
评论可见
子比主题 – 多栏目文章小工具栏目标题居中显示-识趣者资源

子比主题 – 多栏目文章小工具栏目标题居中显示

演示图 教程 [hidecontent type="reply"] 原来是在左侧，加上这个代码可居中显示 .widget-tab-post.style-card.index-tab.relative-h .relative.mb20{text-align:center;} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-01-19
500积分
子比主题美化 – 子比主题拟态CSS-识趣者资源

子比主题美化 – 子比主题拟态CSS

展示 详情可查看此文章页面，本站不一定使用，仅作于记录。 CSS [hidecontent type="payshow"] .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 { background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color)); border: 2px solid var(--main-bg-color); box-shadow: 6px 6px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-20
500积分
子比主题 – 卡片模式时间显示功能-识趣者资源

子比主题 – 卡片模式时间显示功能

这是一款子比主题的卡片三点和时间显示功能，这款样式星空知一直在用，而且很多人想要星空知的一模一样的样式，今天教程来了，本篇教程是卡片列表时间的教程，别看错图片了，代码很好部署，话不多说直接开始！效果图：子比主题卡片模式时间显示功能（红色方框位置）代码很好部署，话不多说直接开始！代码教程：此教程分两步进行第一步：添加css代码后台子比主题设置 ––>>自定义CSS样式 位置放置下方CSS代码[hidecontent type="payshow" desc="隐藏内容：付费阅读"].posts-item { position: relative; } .post-time-absolute { position: absolute; top: 12px; right: 12px; padding: 8px 14px; border-radius: 12px; font-size: 12px; font-weight: 600; z-index: 2; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-13
免费
子比主题 – 拼团插件_全开源-识趣者资源

子比主题 – 拼团插件_全开源

这是一款子比主题的拼团插件，这款拼团插件基础版本功能比较少，目前只支持拼团和拼团额外...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 幻灯片&页面过渡效果-识趣者资源

子比主题美化 – 幻灯片&页面过渡效果

过度效果 原效果 代码部署 [hidecontent type="reply"] 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 /*幻灯片过渡效果 huliku.com*/ .swiper-slide::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-08
评论可见
子比美化-给文章标题文字添加彩色渐变效果-识趣者资源

子比美化-给文章标题文字添加彩色渐变效果

演示图 代码 [hidecontent type="reply"] /*文章标题加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation 4s...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-15
50积分
子比主题-用户自助注销插件-识趣者资源
子比插件

插件子比主题-用户自助注销插件

该插件为用户自助注销站点账号信息插件，上传至后台安装插件即可使用，相关功能请查看图片...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 40天前
#子比美化
 2026-02-07
密码验证
子比主题-页脚美化-识趣者资源

子比主题-页脚美化

预览图 教程 [hidecontent type="password" password="5211314" img_id="" img_url="" desc="5211314"] 首先到后台，找到下面图片的位置开启自定义底部页脚颜色，然后页脚背景色修改为 #e68282 前景色改成白色 #ffffff 把下面代码复制替换子比主题的 footer.php文件 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-01-27
评论可见
子比主题美化 – 评论区添加随机夸夸功能（修复api）-识趣者资源

子比主题美化 – 评论区添加随机夸夸功能（修复api）

有很多人在网站浏览需要回复，有的比较嫌麻烦不愿意打字，也会收到一些各种评论相对比较杂乱，今天分享一个用夸夸功能，来替代传统的评论一言，将它们分开使用，先看看效果图，再考虑使用不使用！ 教程 [hidecontent type="reply"] css代码自行本地化 或直接下载 .kuakua-first-box{ margin: auto; width: 440px; border-radius: 16px; bottom: auto; min-height: 10rem; left: 50%; position: fixed; right: auto; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1032; box-shadow: 0px 0px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 可爱的返回顶部悬挂猫-识趣者资源

子比主题 – 可爱的返回顶部悬挂猫

这是一款子比主题右侧可爱的返回顶部悬挂猫，我觉得非常我不错，给自己的站点加了很多的趣味，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 部署之前先说好，这个我是打包好的，你跟着我的步骤走就行了，你不需要改目录，我这边打包好了已经！ 我们到目录：/wp-content/themes/zibll/func.php文件，没有func文件自己创一个，创了之后记得加php头，要不然会报错，把下面的代码放进文件里面， function back_to_top_cat() { echo '<script src="/wp-content/themes/zibll/cat/cat.js"></script> <script type="text/javascript" src="/wp-content/themes/zibll/cat/szgotop.js"></script> <link rel="stylesheet" type="text/css" href="/wp-content/themes/zibll/cat/szgotop.css" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); 放进去之后我们将下面的附件上传到：/wp-content/themes/zibll目录下，解压，解压之后就可以了！ 子比主题可爱的返回顶部悬挂猫下载提取码RgyE [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
12345…23跳转