子比美化 第15页
标签
排序
2026-03-20
188积分
子比主题-动态星空萤火背景-识趣者资源
子比美化

美化子比主题-动态星空萤火背景

此篇文章搬运自阿呆日记,已适配日夜模式,喜欢的请自行部署 预览图 [hidecontent type="payshow"] 后台自定义CSS添加以下代码 /* 暗色主题星空背景样式 */ .dark-theme { box-sizing: border-box; padding: 0; margin: 0; } .dark-theme body { background: #22313f; position: relative; } .dark-theme #starsContainer { position: absolute; top: 0; left: 0; right:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题-网站右上角添加复制弹出样式-识趣者资源

子比主题-网站右上角添加复制弹出样式

效果演示 投放位置 1.子比主题设置 >> 自定义代码 >> 自定义底部 HTML 代码：添加以下代码：2.其他主题自行添加在主题的 head 或 food 文件底部即可，具体效果自行测试。 [hidecontent type="reply"] <!--第二款复制提示开始--> <script src="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/fzts/ts.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/fzts/ts.css" /> <script type="text/javascript"> function copy_remind(){ toastr.success("撰文不易，若要转载请务必保留原文链接，谢谢！", "复制成功！"); clear_toastr(1600); // 动态设置消息提示时间 function clear_toastr(time){ setTimeout( function(){...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 会员尊享卡片跳转样式-识趣者资源

子比主题 – 会员尊享卡片跳转样式

逛网站的时候发现一个站的会员卡片还是不错的，不过他是没有手机端的，我这边适配了一下手机端，我觉得还是比较好看的，就一个简单的跳转，如果有技术自行跳转子比的modal的会员，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06) 1px,transparent...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-02-04
免费
子比主题-前端附件管理插件-识趣者资源

子比主题-前端附件管理插件

相关教程 插件支持使用钩子添加不同文件类型的图标，若不添加则输出默认图标 示例代码： // 在主题的 functions.php 或插件中添加自定义 SVG 图标 add_filter('zibll_uploads_svg_icons', 'custom_svg_icons'); function custom_svg_icons($svg_icons) { // 添加新的 SVG 图标 $svg_icons['application/x-custom'] = '<svg>您的自定义SVG代码</svg>'; // 修改现有的 SVG 图标 $svg_icons['application/pdf'] = '<svg>您修改后的PDF SVG代码</svg>'; return $svg_icons; }
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-04-12
评论可见
子比主题 – 右下角仿哔站登录弹窗-识趣者资源
子比美化

美化子比主题 – 右下角仿哔站登录弹窗

这是一款子比主题模仿哔哩哔哩的登录弹窗，这款弹窗利用了JS来判断是否登录，包括用户登录成功之后则不会显示，很不错的登录弹窗，喜欢的自行部署吧！ 预览图 [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>推荐放到：所有页面-底部全宽度，将代码放到里面即可！ <style> #bilibili-popup { position: fixed !important; right: 16px !important; bottom: 16px !important; z-index: 999999 !important; font-family: "微软雅黑" !important; display: none !important; } #bilibili-popup.show { display: block !important; } #bilibili-popup .content...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 24天前
#子比美化
 2026-01-16
200积分
子比主题-用户自助注销功能-识趣者资源

子比主题-用户自助注销功能

 本篇文章来教大家实现子比主题的用户功能中的用户注销功能，可以让自己网站更较完善，并...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-11
评论可见
子比主题-文章列表移入上浮蓝色边框扫动效果-识趣者资源

子比主题-文章列表移入上浮蓝色边框扫动效果

预览图 [hidecontent type="reply"] 下面代码放入WordPress后台-zibll主题设置-全局-自定义JavaScript代码 document.addEventListener('DOMContentLoaded', function () { const postsElements = document.querySelectorAll('posts.posts-item'); postsElements.forEach((element) => { if (element.classList.contains('posts-item')) { element.classList.add('alone'); } }); }); 下面代码添加到自定义css即可 .posts-item.alone {position:relative;overflow:hidden;transition:all .3s ease;} .posts-item.alone:hover {position:relative;z-index:1;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 0 2px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 滚动显示新用户注册公告提示-识趣者资源

子比主题美化 – 滚动显示新用户注册公告提示

今天分享一款利用子比主题的滚动公告模块自动调用新注册用户提示，利用SQL查询来获取新注册的用户结果并生成HTML代码。 代码部署将下面的函数放到主题的 functions.php 中 [hidecontent type="reply"] function new_user_notice() { global $wpdb; // 定义SQL查询来获取最新注册的十个用户 $sql = "SELECT ID, user_login, user_registered FROM $wpdb->users ORDER BY user_registered DESC LIMIT 10"; //将10改为20则获取20个用户 // 执行查询 $users = $wpdb->get_results($sql); $slides =...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-27
100积分
子比主题-文章页购买样式-识趣者资源
子比美化

美化子比主题-文章页购买样式

效果图 部署教程 [hidecontent type="payshow"] <style> /* 文章页渐变AD */ .wzw-col-lg3{width:100%;}.wzw-group .wzw-item.style4 {margin-bottom: 12px;}.wzw-group .wzw-item{font-family:"Segoe UI",sans-serif;display:block;position:relative;padding:18px;border-radius:12px;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);}.wzw-group .wzw-item.style4 .wzw-item__badge{background:linear-gradient(135deg,#ff5473 10%,#d855c9 100%);}.wzw-group .wzw-item__badge{position:absolute;top:12px;right:12px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:5px;user-select:none;color:#fff;}.wzw-group .wzw-item.style4 .wzw-item__title{color:#1fbc45;}.wzw-group .wzw-item__title{position:relative;font-weight:bold;font-size:16px;margin-bottom:8px;letter-spacing:0.8px;text-shadow:0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-07
评论可见
子比主题 – 侧边动态时钟与温馨问候语-识趣者资源

子比主题 – 侧边动态时钟与温馨问候语

将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 [hidecontent type="reply"] <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5; border-radius: 10px; box-shadow: 0 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
1…1314151617…36跳转