子比美化 第11页
子比主题美化相关教程
分类
排序
2026-02-07
评论可见
子比美化 – 评论区增加开通会员按钮-识趣者资源

子比美化 – 评论区增加开通会员按钮

演示图 教程 [hidecontent type="reply"] </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2026-02-07
评论可见
子比主题 – 动态背景符号元素效果-识趣者资源

子比主题 – 动态背景符号元素效果

第一步 首先我们将下面的代码放到：子比主题–>>自定义底部HTML代码即可！ [hidecontent type="reply"] <link rel="stylesheet" href="/wp-content/themes/zibll/css/tengfei/yuansufuhao.css" /> <script>$('head').before('<div class="container1"><div class="inner-container1"><div class="shape"></div></div><div class="inner-container1"><div class="shape"></div></div></div>');</script> <script>$(document).ready(function(){var html='';for(var i=1;i<=50;i++){html+='<div class="shape-container--'+i+' shape-animation"><div class="random-shape"></div></div>'}document.querySelector('.shape').innerHTML+=html});</script> [/hidecontent] 第二步 我们将附件直接下载然后在：/wp-content/themes/zibll/目录下上传，也就是子比根目录 [hidecontent type="reply"] 动态元素符合背景样式1.zip下载 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2026-02-23
200积分
子比主题-付费增加限量销售-识趣者资源
子比功能

功能子比主题-付费增加限量销售

给子比主题付费内容加的一个限量销售功能 项目介绍 给子比主题付费内容加的一个限量销售功能，核心逻辑很简单：后台编辑文章时，在付费设置区域会多出一个”限制购买”字段，填个数字就是最大可售份数，填 0 或不填就是不限量。 前端展示上分两种状态： 还有库存时，付费框左下角会显示一个黄色标签，写着”限量 X 份 · 剩余 X 份” 卖完了就把整个付费框替换成售罄页面，红色图标 + “已售罄”按钮，按钮不可点击 防刷方面做了两层拦截：用户点击购买弹出收银台时会先检查一次库存，真正提交订单时再检查一次。两层都过不去就直接返回错误提示，不会创建订单。 销量计算是直接查 zibpay_order 表里 status=1 的真实成交订单数，没有把后台设置的虚拟销量算进去，所以限购数量是精确的。 项目截图 获取代码 插入到根目录 func.php 代码后面 [hidecontent type="payshow"] /** * 子比主题 - 限制购买次数功能 -...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 33天前
#子比美化
 2026-02-08
评论可见
子比美化-思幻音乐播放器代码版-识趣者资源

子比美化-思幻音乐播放器代码版

演示图 教程 放到后台-自定义代码-自定义HTML底部 [hidecontent type="reply"] <!-- 引入思幻音乐播放器插件开始 --> <script src="https://47zhe.cn/js/newindex.js"></script> <style> #shmusiczr { /* 距离网页右侧的距离，请根据需要自行更改 */ right: 15px; /* 距离网页底部的距离，请根据需要自行更改 */ bottom: 70px; } /* 在小屏幕设备（如手机）上隐藏播放器 */ @media (max-width: 768px) { #shmusiczr { display: none...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2025-12-23
子比主题 – 子比音乐播放器插件_三种模式-识趣者资源

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

这是一款子比主题音乐播放器插件，带有三种模式，完善的播放器功能和后台设置页面，普通模...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-28
评论可见
子比主题-内嵌其他网页-识趣者资源

子比主题-内嵌其他网页

操作步骤 首先到你的主题根目录，这里以本站子比主题为例，路径为：你的网址/wp-content/themes/zibll/ 新建一个空白文件 空白文件自定义命名，我这里内嵌狐狸论坛，所以就填写 bbs.php 命名后确认一下路径，然后打开刚新建的文件 将下方代码粘贴进去，记得更换你要内嵌的网址 代码 [hidecontent type="reply"] <?php /** * Template name: Huliku - 内嵌网页 * Description: Huliku - 内嵌网页 */ // 获取链接列表 get_header(); $header_style = zib_get_page_header_style(); ?> <!--开始--> <iframe src="你要内嵌的网址" width="100%"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-03
200积分
子比美化教程 – 二次元风格弹窗带时间和日期-识趣者资源

子比美化教程 – 二次元风格弹窗带时间和日期

食用教程 将下列代码粘贴到”zibll主题设置－>全局&功能－>自定义代码－>自定义头部HTML“中： [hidecontent type="payshow"] <!--【星语的小木屋】二次元风格弹窗带时间和日期 --> <style> #welcome-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(6px);*/ display: flex; justify-content: center; align-items: center; z-index: 9999; opacity: 1;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 53天前
#子比美化
 2026-02-25
评论可见
子比主题-首页tab栏目&多栏目小工具彩色美化-识趣者资源
子比美化

美化子比主题-首页tab栏目&多栏目小工具彩色美化

预览图 教程 [hidecontent type="reply"] 把下面代码放到子比主题->>自定义CSS样式 /*阿呆日记-TAB多栏目美化*/ .index-tab ul>li.active { background: linear-gradient(137deg,#b53ab8 0%,#ff3542 50%,#ff9f40 100%); --main-color: #fff } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 31天前
#子比美化
 2026-03-06
评论可见
子比主题 – 首页顶部搜索框美化（两款）-识趣者资源
子比美化

美化子比主题 – 首页顶部搜索框美化（两款）

给子比的顶部搜索框加一个美化，我觉得这种方形的搜索框还是比较的好看的，喜欢的自行部署吧，一共是两款美化样式！ 第一款 第二款 代码部署 [hidecontent type="reply"] CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到：子比主题–>>自定义javascript代码 第一款第二款 CSS代码 .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2025-12-13
评论可见
子比主题 – 单行与双行的文字广告位代码-识趣者资源

子比主题 – 单行与双行的文字广告位代码

这是一篇子比主题单行和双行的文字广告位样式代码，我觉得还是不错的，尤其是昼夜模式，他有一个缓慢的时间去消失，可能说的不是很清楚，看如下动图就可以，这个广告位也适配了手机端，喜欢的自行部署吧！ 单行 双行 [hidecontent type="reply"] 我是放到WordPress小工具里面，定位：WP后台–>>外观–>>小工具–>>自定义HTML！ [/hidecontent] 单行双行 <div class="topics"> <div class="topics-cont"> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中 </a> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中 </a> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中 </a> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-08
评论可见
子比主题 – 多栏目文章小工具栏目标题居中显示-识趣者资源

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

演示图 教程 [hidecontent type="reply"] 原来是在左侧，加上这个代码可居中显示 .widget-tab-post.style-card.index-tab.relative-h .relative.mb20{text-align:center;} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 修改网站整站字体-识趣者资源

子比主题美化 – 修改网站整站字体

本文详细介绍了如何修改网站整站字体的步骤和技巧。通过精选合适的字体、设置字体大小和样...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 给文章列表加一个浮动动态效果-识趣者资源

子比主题 – 给文章列表加一个浮动动态效果

给子比主题加一个文章列表浮动效果，这个确实很好看，我记得很多人要这个美化，我今天算记录一下，并且分享给大家 代码部署 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*列表加载特效*/ .tab-content .posts-item:not(article),.posts-row .posts-item:not(article){transition:all 0.2s}@keyframes index-link-active{0%{transform:perspective(2000px) rotateX(0) rotateY(0) translateZ(0)}16%{transform:perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px)}100%{transform:perspective(2000px) rotateX(0) rotateY(0) translateZ(65px)}}.tab-content .posts-item:not(article):hover,.posts-row .posts-item:not(article):hover{opacity:1;z-index:1;border-radius:20px;box-shadow:0 8px 10px rgba(255,255,255,0.35);animation:index-link-active 1s cubic-bezier(0.315,0.605,0.375,0.925) forwards} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-27
评论可见
子比美化-用户昵称抖音故障风-识趣者资源

子比美化-用户昵称抖音故障风

逛博客的时候看见这个昵称抖音故障风显示，挺好看的，就分享一下出来 代码部署 将下面代码加入后台自定义css中即可 [hidecontent type="reply"] .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.27, 1.55); } @keyframes shake-it{ 0%{ text-shadow: 0 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-26
1
子比签到-Windows10-11 系统通知-识趣者资源
美化样式

功能子比签到-Windows10-11 系统通知

图片展示 JavaScript代码 [hidecontent type="payshow"] 打开子比后台，自定义代码。找到最下面的网站统计html代码 复制进去即可 <script> $(document).ajaxSuccess(function (event, xhr, settings) { try { if (settings.type === 'POST') { let data; if (typeof settings.data === 'string') { try { data = JSON.parse(settings.data); } catch (e)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 30天前
#子比美化
1…910111213…23跳转