子比美化 第10页
子比主题美化相关教程
分类
排序
2025-12-13
评论可见
子比主题美化-最新发布与逐字滚动公告模块-识趣者资源

子比主题美化-最新发布与逐字滚动公告模块

演示图 教程 [hidecontent type="reply"] 外观-小工具-自定义HTML <div class="wapnone"> <div id="zuixinfabu" class="index-new"><img draggable="false" oncontextmenu="return false;" src="https://www.macgf.com/img/index-new.svg" alt="最新发布"><div class="file-format" data-v-2775696c=""><span id="index-xtips" class="txt-file-format" data-v-2775696c="">公告：按照用户要求，本站已取消频繁的通知提示</span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span> <span class="file-format-icons" data-v-2775696c=""><i class="icon_ps" data-v-2775696c=""></i> <i class="icon_ai" data-v-2775696c=""></i> <i class="icon_sketch" data-v-2775696c=""></i> <i...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-28
888积分
子比主题美化 – 太空人时钟表盘-识趣者资源

子比主题美化 – 太空人时钟表盘

很火的华为太空人表盘源码，基于SVG+JavaScript实现网红华为太空人表盘GT...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
300积分
子比主题-在线打赏插件-识趣者资源

子比主题-在线打赏插件

前言 子比主题自带的打赏功能，本质上只是展示两张收款二维码（微信 +...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2026-03-03
评论可见
子比主题 – 顶部多功能组件添加适配日夜模式波浪-识趣者资源
子比美化

美化子比主题 – 顶部多功能组件添加适配日夜模式波浪

前言 顶部多功能组件背景底部添加白色波浪的教程。波浪已适配日夜模式。这个教程原创是狐狸库 教程开始 狐狸库发的是PC端和移动端都显示波浪。我个人感觉移动端显示这个背景不太美观。博客使用的是移动端不显示波浪的。给大家把两个版本的css都发出来 移动端显示波浪 将下面css代码放入自定义css中 [hidecontent type="reply"] .parallax{fill:var(--body-bg-color)}.parallax > use{animation:move-forever 30s cubic-bezier(0.55,0.5,0.45,0.5) infinite}.parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s;opacity:0.5}.parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s;opacity:0.6}.parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s;opacity:0.7}.parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s;opacity:1}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}} [/hidecontent] 移动端不显示波浪 将下面css代码放入自定义css中 [hidecontent type="reply"] .parallax{fill:var(--body-bg-color)}.parallax > use{animation:move-forever 30s cubic-bezier(0.55,0.5,0.45,0.5) infinite}.parallax >...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 25天前
#子比美化
 2026-02-07
评论可见
子比美化 – 网站鼠标样式美化-识趣者资源

子比美化 – 网站鼠标样式美化

教程： 可自行去网上下载个喜欢的鼠标样式，可以是图片可以是cur格式，自行将鼠标样式上传至某个目录，修改下面代码内的链接/路径既可。 [hidecontent type="reply"] 网站后台->Zibll主题设置->全局&功能->自定义代码->自定义CSS样式 /*鼠标样式修改开始*/ body { cursor: url(无链接时鼠标样式文件路径), default; } a:hover, .cursor:hover, button:hover, svg:hover { cursor: url(有链接时鼠标样式文件路径), pointer; } /*鼠标样式修改结束*/ 鼠标样式猫爪下载 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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-27
200积分
子比美化 – 用户中心添加最后登录时间显示-识趣者资源
子比美化

美化子比美化 – 用户中心添加最后登录时间显示

效果图 子比主题用户中心添加最后登录时间显示，可以让用户知道最后登录时间，避免账号异常登录 效果也可见本站用户中心页面 代码教程 按路径/wp-content/themes/zibll/inc/functions/user/找到page.php文件 然后添加下面代码即可 [hidecontent type="payshow"] $desc .= '<span class="but c-theme" data-toggle="tooltip" title="" data-clipboard-tag="最后登录时间" data-clipboard-text="' . get_user_meta($user_id, 'last_login', true) . '" data-original-title="最后登录时间"><i class="fa fa-id-card-o"></i>最后登录时间：' . get_user_meta($user_id, 'last_login', true) . '</span>'; 位置 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 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-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天前
#子比美化
 2026-02-23
200积分
子比主题-付费增加限量销售-识趣者资源
子比功能

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

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