子比美化 第10页
标签
排序
2025-12-13
评论可见
子比主题 – 自定义认证SVG图标-识趣者资源

子比主题 – 自定义认证SVG图标

这是一款子比主题认证修改图标，就是修改子比主题默认自带的认证图标，改成你自己的svg图标，非常的美观，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 我们到：/wp-content/themes/zibll/js/svg-icon.js这个文件里面搜“zib_svgs['user-auth']”，如下图 示意：zib_svgs['user-auth'] = '你的SVG代码'; 这里提供一个bilibili蓝色闪电SVG图标代码为例 zib_svgs['user-auth'] = '<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512 512m-418.909091 0a418.909091 418.909091 0 1...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 付费详情说明模块样式-识趣者资源

子比主题 – 付费详情说明模块样式

一款在付费模块下加一个漂亮的背景图片样式来高亮显示用来提醒用户注意须知，将付费详情说明模块。 代码部署 [hidecontent type="reply"] 很多人问了：为什么配置好了没有效果，配置了这个是新发文章才有效果，之前的文章没有效果！ 网站后台–>Zibll主题设置–>商城&付费–>商城配置–>更多详情，输入需要显示的文字 CSS代码 直接将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*付费详情说明模块美化*/ .pay-box .pay-details { background-image: url(https://img.alicdn.com/imgextra/i3/2934847733/O1CN0123c7o426zljQUqHlZ_!!2934847733.png); color: #fff; text-align: center; background-size: cover; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-30
8
子比主题-文章顶部4.0版本的信息插件-识趣者资源

子比主题-文章顶部4.0版本的信息插件

这是一款子比主题文章顶部4.0版本的信息插件，我看了张洪站长的顶部样式，虽然跟他不是...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-22
评论可见
子比主题美化 – 文章列表多种动画效果美化-识趣者资源

子比主题美化 – 文章列表多种动画效果美化

效果一（加载上浮动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果二（上浮弹性动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果三（缩放旋转动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} [/hidecontent]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-16
评论可见
子比主题 – 下载按钮hover弹窗功能（两版）-识趣者资源

子比主题 – 下载按钮hover弹窗功能（两版）

这是一款子比主题下载按钮hover弹窗功能，首先说一下这个功能唯一的缺点就是，这个如果用户扫了二维码下载资源之后，不扣资源限制次数，无限制下载，介意的话就不用这个功能，喜欢的自行部署吧！ [hidecontent type="reply"] 为什么刚才给大家说的有两版，其实样式是一样的，只不过就是一个版是通过api接口来实现生成二维码，第二个版是通过子比来实现的，不过子比的话有缓存，都可以用的，给大家分享两版！ 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己记得加上php头，要不然会报错，两个版都是放到func里面，但是别两个同时放进去，你感觉哪个好用就用哪个版！ 第一版（调用API接口实现二维码） add_action('wp_footer',function(){?> <script>jQuery(function($){$('.but-download a.but[href*="pay-download"]').each(function(){var b=$(this),u=b.attr('href'),q='https://api.qrtool.cn/?text='+encodeURIComponent(u),img=new Image();img.src=q;b.attr({'data-toggle':'tooltip','data-html':1,'data-placement':'bottom',title:'<div class="text-center padding-10"><img src="'+q+'" style="width:120px;height:120px;border-radius:4px;"><div class="mt6 muted-2-color em09">扫码下载资源</div></div>'}).tooltip({html:1,trigger:'manual',container:'body'}).on('mouseenter',function(){var t=$(this);t.tooltip('show');setTimeout(function(){t.tooltip('update')},50)}).on('mouseleave',function(){$(this).tooltip('hide')})})});</script> <style>.tooltip-inner{width:140px!important;max-width:160px!important;padding:0;background:#000;border:1px solid var(--muted-border-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tooltip.show{opacity:1}</style> <?php }); 第二版（调用子比主题实现二维码） add_action('wp_ajax_get_download_qrcode','custom_get_download_qrcode'); add_action('wp_ajax_nopriv_get_download_qrcode','custom_get_download_qrcode'); function custom_get_download_qrcode(){ if(empty($_GET['url'])){die();} $url=urldecode($_GET['url']); $cache_key='qr_'.md5($url);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-07
评论可见
子比美化-粉色细节优化-识趣者资源

子比美化-粉色细节优化

教程 后台自定义CSS [hidecontent type="reply"] /*粉色细节优化*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #ef71b2 inset; -moz-box-shadow: 0 1px 4px 0 #ef71b2 inset; box-shadow: inset 0 1px 4px 0 #ef71b2; } .posts-item.card{ -webkit-box-shadow: 0 1px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 文本超链接美化样式-识趣者资源

子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！ 代码部署 [hidecontent type="reply"] 丢到：子比主题–>>自定义CSS样式即可！ @font-face { font-family: 'tengfei-font'; src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype'); } .wp-posts-content a:not([class]),.wp-block-list a:not([class]) { color: var(--focus-color); line-height: 1.15em; padding: .1em .35em; font-size: max(.75rem,.75em); border-radius: 2em; background: var(--focus-color-opacity1) linear-gradient(var(--focus-shadow-color)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-27
评论可见
子比主题美化 – 二次元悬浮菜单按钮-识趣者资源

子比主题美化 – 二次元悬浮菜单按钮

前言 该效果是初一扒的，给子比主题做了适配。 效果图 代码教程 function内添加代码 [hidecontent type="reply"] function内添加代码 // 二次元悬浮按钮 function adjust_footer_buttons_based_on_device() { if (vxras_pz('acg_float_right')) { // 判断是否开启二次元悬浮按钮 if (wp_is_mobile()) { // 对于手机用户，确保原版按钮不被移除 remove_action('wp_footer', 'acg_float_right'); add_action('wp_footer', 'zib_float_right'); } else { // 对于PC用户，移除自带悬浮按钮，确保使用二次元悬浮按钮 remove_action('wp_footer', 'zib_float_right'); add_action('wp_footer',...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-29
5
子比插件-发红包积分插件-识趣者资源
子比插件

插件子比插件-发红包积分插件

这个插件是今年大年初一开发的,测试效果还算可以但是有一点点小毛病,就是侧边栏使用短代...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…89101112…36跳转