子比美化 第17页
子比主题美化相关教程
分类
排序
2025-12-13
评论可见
子比美化 – 首页tab栏目二次元风-识趣者资源

子比美化 – 首页tab栏目二次元风

效果图： 样式一 样式二 [hidecontent type="reply"] 样式一 样式二 教程 .index-tab ul>li.active{color:#ffffff00!important;background-color:#ffffff00!important;border-radius:6px;z-index:1;position:relative;height:39px;line-height:44px;background:url(/wp-content/themes/Mxchild/assets/img/home_title.png) repeat;-webkit-background-size:91px 39px;-moz-background-size:91px 39px;background-size:91px 39px}.index-tab ul>li{display:inline-block;padding:2px 17px;font-weight:500;border-radius:20px;margin:0 1px} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-23
评论可见
子比主题 – 轻量化网站统计条小工具-识趣者资源

子比主题 – 轻量化网站统计条小工具

一款专为 WordPress 子比（Zibi）主题打造的网站统计条小工具，聚焦「高适配、轻量化、易使用」三大核心，既解决了子比不同版本浏览量统计不兼容的问题，又通过极致的样式优化，让站点数据展示更简洁、更贴合主题风格。 核心功能 多维度数据实时展示：一站式呈现今日更新文章数、总文章数、论坛帖子数、评论数、注册用户数、网站运行天数、总浏览量 7 项核心数据，覆盖站点核心运营指标。 子比主题全版本适配：针对子比新旧版本浏览量统计逻辑差异，自动识别 zibi_get_all_view/nd_get_all_view 函数，同时支持数据库求和、选项兜底等方式，彻底解决浏览量统计不准的问题。 轻量化样式设计：全透明背景 + 极致紧凑高度（行高设为 1、最小化内边距 / 间距），无冗余边框 / 阴影，适配 PC / 移动端响应式布局，支持夜间模式自动切换，视觉更清爽。 标准小工具集成：完全遵循 WordPress 小工具规范，后台直接添加、自定义标题，建站日期可一键修改，无需复杂配置。 [hidecontent type="reply"] 代码部署： 创建文件：将以下完整代码保存为（可以自定义名称）.php <?php /** * zibHM - 网站统计条小工具 *...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-27
2
子比插件 – 抽奖插件v2.7.0_全开源无授权修复-识趣者资源
子比插件

插件子比插件 – 抽奖插件v2.7.0_全开源无授权修复

这是一款子比主题抽奖插件，原创是夕阳博客抽奖插件2.7.0，现在给大家全开源无授权，并且修复支持PHP 8.1，本站正在使用的就是这一款，喜欢的自行部署吧 示例图 添加按钮2.4.0版本添加了任务系统，加上抽奖我们需要添加两个按钮！按钮添加到/wp-content/themes/zibll/inc/functions/zib-header.php打开文件后，搜索 今日已签到 在它下面添加 抽奖链接记得修改链接 if(is_plugin_active( 'zibi-chojiang/zibi-chojiang.php' )){ $checkin_btn .= '<a href="/choujiang" class="but block c-blue mt6" rel="nofollow ugc"><i class="fa fa-delicious"></i> 幸运抽奖</a>'; $checkin_btn .= xy_get_user_renwu_btn('but block c-red mt6', '<i class="fa fa-wpforms"></i> 任务中心'); }
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2025-11-24
500积分
子比主题动态灵动岛美化-识趣者资源

子比主题动态灵动岛美化

这是一个仿灵动岛美化的教程，在我们进入一些界面或进入网站时，都会进行提示，非常美观，看起来十分有高科技感。 将以下代码添加至自定义CSS代码处 [hidecontent type="payshow"] .dynamic-island:hover img {width:30px; height:30px;;} .bars {display:flex;align-items:center; justify-content:flex-end; gap:3px;} .bar {width:2px;height:13px;background-color:green;animation:bounce 1s infinite ease-in-out;animation-direction:alternate;} .bar:nth-child(1) {animation-duration:1s;} .bar:nth-child(2) {animation-duration:0.9s;} .bar:nth-child(3) {animation-duration:0.8s;} .bar:nth-child(4) {animation-duration:0.7s;} .bar:nth-child(5) {animation-duration:0.6s;} .bar:nth-child(6) {animation-duration:0.9s;} .bar:nth-child(7) {animation-duration:0.7s;} .dynamic-island {position:fixed;top:80px;left:50%;transform:translateX(-50%) scale(0); transform-origin:center;width:auto;max-width:80%;height:40px;background-color:#000;border-radius:25px;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-02-20
评论可见
子比美化 – 新型右键菜单-识趣者资源
子比美化

功能子比美化 – 新型右键菜单

美化介绍 这个是wordpress系统的右键菜单美化，背景采用了带有透明感的背景又带些模糊感 美化截图 美化教程 [hidecontent type="reply"] <style type="text/css"> a { text-decoration: none; color: inherit; } div.usercm { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px) saturate(180%); -webkit-backdrop-filter: blur(15px) saturate(180%); font-size: 14px; width: 160px; box-shadow: 0 8px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2026-02-07
评论可见
子比美化-给文章标题文字添加彩色渐变效果-识趣者资源

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

演示图 教程 把下面代码放到后台自定义CSS [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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2026-02-03
评论可见
子比主题 – 文章左侧新增复制内容按钮-识趣者资源

子比主题 – 文章左侧新增复制内容按钮

有些技术文章用户看不懂，可以点击复制给ai进行问询处理。 项目截图 项目特点 在文章页面的 .post-metas 左侧插入一个复制按钮（使用 Font Awesome 的 fa-copy 图标） 点击按钮会获取 .wp-posts-content 中的纯文本内容并复制到剪贴板 使用子比主题的 notyf() 函数显示提示信息（成功/失败） 按钮带有 tooltip 提示”复制全文” 获取代码 [hidecontent type="reply"] 在functions.php里面添加代码 // 文章页复制全文按钮 - 大海 function zib_copy_content_button() { if (!is_single()) return; ?>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 53天前
#子比美化
 2025-12-11
评论可见
子比主题-本站菜单图标代码-识趣者资源

子比主题-本站菜单图标代码

预览图 [hidecontent type="reply"] 首页那个，直接把下面整个代码复制到首页文字的前面 <span class="but jb-vip1 radius"><svg t="1746728907743" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="200" height="200"><path d="M931.49 454.71L771 293.24 566 87a76.15 76.15 0 0 0-108 0L253 293.24 92.51 454.71C57.4 490 80.39 553.85...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-13
评论可见
子比主题-评论等级添加-识趣者资源

子比主题-评论等级添加

前言 这几天有很多人想让我出个评论区等级铭牌的教程，想着就不分享出来了，不过还是写出来给大家吧，说不定也有人用的上！话不多说先来看看效果图。(刚写完就在小伙伴那里发现一个问题【站长没开通vip的话会显示新朋友】，所以更新了一下) 图片 步骤一 主要代码还是在zibll/inc/functions/zib-comments-list.php里面，网站评论区有点冷清我就设置个评论才能看吧！ [hidecontent type="reply"] zib-bomments-list文件 搜索找到 if ($user_id == $post->post_author) 在上面添加代码 if (_pz('user_comment_level', true)) { //评论区评论等级开始 $com_n = (int) get_user_comment_count($user_id); //获取用户评论次数 $badge .= xypro_user_comment_level_badge($user_id, 'ml3'); //添加评论徽章 xypro_update_user_comment_level($user_id, $com_n); //刷新评论等级 $author = _pz('author_icon', true); //作者头像...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-03-15
密码验证
子比主题 – 底部黑色页脚样式(阿呆赞助)-识趣者资源
子比美化

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

这是给子比主题适配的第二款黑夜页脚样式的美化，此版本不同于上个版本的黑夜页脚样式，此版本主要是模仿着优设来设计的，总体来说还算可以，这款并非是插件而是纯代码 [hidecontent type="password" password="ly19960318" img_id="" img_url="" desc="ly19960318"] 黑色页脚样式下载 提取码dV3F [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 13天前
#子比美化
 2025-12-13
评论可见
子比主题 – 顶部悬挂样式（两款）-识趣者资源

子比主题 – 顶部悬挂样式（两款）

这是一篇子比主题顶部悬挂的样式代码，为什么说是两款，因为第一款是一直挂在了顶部而不是跟着鼠标滑动走的，第二款就是鼠标滑动那么悬挂也跟着走，所以就两款，非常的实用，喜欢的自行部署！ 第一款 第二款 代码部署 [hidecontent type="reply"] 这里只有CSS不一样，HTML代码是一样的，所以先把HTML代码放上去，我代码里面已经提供了图片，那么如果你有图片可以放上自己的图片即可，建议用第二款，毕竟跟随还是比较美观的！ HTML代码 放到：子比主题–>>自定义头部HTML代码即可！ <div class="tengfei_hang"></div> 注意：第一款是一直在顶部不跟随，第二款是跟随鼠标滑动的，下面代码放到：自定义CSS样式即可！ 第一款第二款 @keyframes lampLine-38cc6824 { 0% { transform: rotate(10deg) } to { transform: rotate(-10deg) } } .tengfei_hang { width: 150px; height: 200px; display: inline-block;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-20
500积分
子比主题-增加一个 vip 展示小区块（丝滑浮动、调用API背景）-识趣者资源
子比美化

美化子比主题-增加一个 vip 展示小区块（丝滑浮动、调用API背景）

二改原创 小工具组件 一个浮动的VIP会员展示组件，采用卡片式布局，展示5种不同等级的会员类型;卡片设计包含悬停动画效果；响应式设计，在屏幕宽度小于800px时自动隐藏。 组件特点 清晰展示各级别会员的权益差异 包含永久VIP、年卡、季卡、月卡和基础会员五个等级 纯CSS实现的过渡动画效果 JavaScript实现动态背景图片加载 演示截图 代码获取 [hidecontent type="payshow"] <div class="yewu1 dahai-vip-mall" style="background-image: url();"> <div class="dahai-vip-title"> <h1><i class="fa fa-modx fa-spin"></i> VIP会员 <i class="fa fa-modx fa-spin"></i></h1> <h2>升级VIP会员享受海量资源免费下载~</h2> </div> <div class="ceo-container"> <div class="dahai-vip-app"> <ul>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 36天前
#子比美化
 2026-02-27
888积分
子比主题美化 – 2026最新联系我们页面-识趣者资源
子比页面

功能子比主题美化 – 2026最新联系我们页面

演示图
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2025-12-13
评论可见
子比主题-右上角开通会员紫蓝渐变色-识趣者资源

子比主题-右上角开通会员紫蓝渐变色

教程 [hidecontent type="reply"] 放到后台css即可 .payvip-icon { color: #ffffff; --this-color: #ffffff; border-radius: 10px; background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%); } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-01
评论可见
子比美化-登录注册弹窗页面添加logo小萝莉-识趣者资源

子比美化-登录注册弹窗页面添加logo小萝莉

实现美化 给登录注册弹窗页面顶部添加一个漂亮的小萝莉位于logo上方logo上方 效果图 代码部署 [hidecontent type="reply"] 在子比后台自定义css里加入 /*登录小狐狸*/ .sign-img+.sign::before {content:'';position:absolute;top:-144px;left:80px;width:191px;height:187px;background:url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260201234301867-20240824182029399-202408121354352571.webp) no-repeat center / 100%;} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 55天前
#子比美化
1…1516171819…23跳转