子比美化 第12页
标签
排序
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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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天前
#子比美化
 2025-12-02
100积分
子比主题 – 列表悬停动态气泡与边框样式-识趣者资源

子比主题 – 列表悬停动态气泡与边框样式

美化简介 这是一款子比主题类别动态气泡加上边框慢慢淡蓝色样式，这款样式是看到别人的站有这种效果，本篇适应于子比的所有列表，但是建议用：列表模式的，卡片的话有点臃肿不好看，喜欢的自行部署吧！ 美化效果 代码部署 直接丢到：子比主题–>>自定义CSS样式即可！ [hidecontent type="payshow"] /* 子比主题列表悬停动态气泡与边框样式 */ .posts-item { position: relative; overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent; border-radius: 8px; } .posts-item::before { content: ""; position: absolute; top: 0;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 用户中心增加我的投诉页面（三款）-识趣者资源

子比主题 – 用户中心增加我的投诉页面（三款）

给子比用户中心加一个投诉的页面，这样就可以让很多用户可以看到自己投诉的用户什么时候能否处理好，之前就是在子比后台显示，那么让他前台也显示了一下，更美观，一共三款样式，话不多说直接开始！ 第一款 第二款 第三款 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/user/page.php文件，我们搜下面的函数 function zib_user_ctnter_main_tabs_array_filter_main($tabs_array) 然后在官方认证下面添加下面的代码！ $tabs_array['complaint'] = array( 'title' => '我的投诉', 'nav_attr' => 'drawer-title="我的投诉"', 'content_class' => 'complaint-settings', 'loader' => '<div class="zib-widget"> <div class="placeholder k1 mb10"></div> <div class="placeholder k1 mb10"></div>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-13
评论可见
子比主题 – 禁止使用余额购买会员功能-识趣者资源

子比主题 – 禁止使用余额购买会员功能

这是一款子比主题的余额扩展功能，此次分享的代码有两种不同的模式，分别为普通模式以及严格模式，两种模式的用法、要求等截然不同，代码搭配的有详细注释，可根据自己的情况进行部署！有用得到的朋友自行部署吧！ [hidecontent type="reply"] 温馨提示：普通模式状态下会禁止用余额开通/续费会员，不影响其他功能（如购买文章、购买商城商品、购买积分等），严格模式状态下只能用于文章内的资源/内容购买，禁止用于购买会员、积分、商城商品等其他一切消费！ 普通模式严格模式 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：禁止使用余额购买会员 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){ // pay_type: 4=购买会员 if($pay_type == 4){ return false; // 禁止 } return $allow; // 其他情况保持默认 }, 10, 2); 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 子比主题：余额仅允许用于文章内消费 add_filter('zibpay_is_allow_balance_pay', function($allow, $pay_type){...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-23
评论可见
子比主题 – 未登录操作提示弹窗代码-识趣者资源

子比主题 – 未登录操作提示弹窗代码

这段代码是基于 WordPress 的后端 AJAX 接口扩展代码，主要服务于采用子比（Zibll）主题的网站，核心作用是：当未登录用户触发私信、签到、余额充值、积分充值等需要用户身份的操作时，自动返回统一风格的 “请先登录” 提示弹窗，既保障网站功能安全，也给用户清晰的操作指引。 [hidecontent type="reply"] 以下代码放入func.php或functions.php中即可 add_action('wp_ajax_nopriv_private_window_modal', function() { if (isset($_SERVER['HTTP_REFERER']) && strcmp($_SERVER['HTTP_HOST'], parse_url($_SERVER["HTTP_REFERER"])['host']) != 0) exit(); echo ' <div class="tuc-c602702c-b4253a-0 modal-colorful-header colorful-bg jb-blue tuc-c602702c-b4253a-0"> <button class="tuc-c602702c-b4253a-0 close tuc-c602702c-b4253a-0" data-dismiss="modal"> <svg...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 自定义右下角提示弹窗-识趣者资源

子比主题美化 – 自定义右下角提示弹窗

通过一段简单的CSS代码，修改主题自带的提示弹窗，颜色自行决定。 [hidecontent type="reply"] /*右下角提示美化 huliku.com*/ .notyf.success { background: linear-gradient(90deg,rgb(249 15 15 / 70%),rgba(61,189,249,.8)); border-radius: 18px 0 0 18px; } .enlighter-default .enlighter { max-height: 400px; overflow-y: auto !important; } .posts-item .item-heading>a { font-weight: bold; color: unset;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-31
免费
子比主题-标签自动加内链插件-识趣者资源

子比主题-标签自动加内链插件

分享一款自制的标签自动添加外链插件，适合各类内容站点提升运营效率。这款插件无需复杂配...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-07
评论可见
子比美化-头像呼吸光环和鼠标悬停旋转放大代码-识趣者资源

子比美化-头像呼吸光环和鼠标悬停旋转放大代码

演示图 教程 放到后台自定义代码-自定义css即可 [hidecontent type="reply"] /*头像呼吸光环和鼠标悬停旋转放大开始*/ .avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
1…1011121314…36跳转