子比美化 第11页
标签
排序
2026-01-27
1588积分
子比主题美化 – 首页页脚美化（白色）-识趣者资源

子比主题美化 – 首页页脚美化（白色）

很多朋友跟狐狸说这个页脚有没有白色的呀？原本是不管昼夜都是固定黑灰色显示，这次改成跟随主题颜色显示，取消了JS图片滚动波浪，使用了svg代码显示动态滚动波浪，具体的自行体验吧！ 白色 黑色 简介 更换滚动波浪（取消JS图片波浪） 修复论坛前台发帖选择板块错位 修复找回密码页错位 修复友情链接模块错位 修复页面右侧空白占位 修复文章数量上标 增加网站名称前爱心 增加每日签到链接 增加任务中心链接 增加网站标题调用 增加网站描述调用 增加网站年限调用 增加域名调用 去除原上方统计模块 代码部署 [hidecontent type="payshow"] PHP代码 首先我们要知道我们加这个底部之后，他官方的底部还存在，我们先把官方的代码删掉然后再按照下面的步骤来走，我们先到/wp-content/themes/zibll/footer.php，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部。如果是子主题自己弄一下吧，在func判断一下如果启用这个页脚就隐藏子比自带的底部 查找代码 <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-12
评论可见
子比美化-新春灯笼-识趣者资源

子比美化-新春灯笼

[hidecontent type="reply"] 把下面代码放在子比设置 自定义底部HTML代码即可 <script defer src="https://cdn.jsdelivr.net/gh/mulingyuer/web-denglong/dist/denglong.js"></script> JS代码 (function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode('[class^=lantern],[class^=lantern]:before,[class^=lantern]:after{-webkit-box-sizing:border-box;box-sizing:border-box}.lantern-left,.lantern-right{position:fixed;top:0;z-index:9999;pointer-events:none}.lantern-left{left:50px}.lantern-right{right:50px}.lantern-container{width:150px;height:100px;position:relative;line-height:0;-webkit-animation:lantern 5s infinite ease-in-out;animation:lantern 5s infinite ease-in-out;-webkit-transform-origin:50% -100px;transform-origin:50% -100px}.lantern-center{position:relative;height:100%;background-color:red;border-radius:120px;-webkit-box-shadow:0 0 80px -10px #f00;box-shadow:0 0 80px -10px red}.lantern-line{height:100%;text-align:center}.lantern-line:before,.lantern-line:after{content:"";position:absolute;top:0;left:50%;border:2px solid #ecaa2f;border-radius:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%)}.lantern-line:before{width:75%;height:100%}.lantern-line:after{width:35%;height:100%}.lantern-text-wrap{display:inline-block;vertical-align:top;height:100%}.lantern-text{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:28px;font-weight:700;color:#ecaa2f;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-align:center;letter-spacing:5px}.lantern-top,.lantern-bottom{width:40%;height:8px;background-color:#ecaa2f;position:relative;z-index:1}.lantern-top{margin:0 auto -2px;border-radius:5px 5px 0 0}.lantern-bottom{margin:-2px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 菜单文字下波浪美化-识趣者资源

子比主题 – 菜单文字下波浪美化

这是一款给子比主题菜单文字添加交互性波浪下划线效果，仅在菜单处于 “当前选中” 或 “鼠标悬浮” 状态时触发，提升页面导航的视觉层次感与用户交互体验，喜欢的自行部署吧！ [hidecontent type="reply"] 将下面的代码直接丢到：子比主题–>>自定义CSS样式即可！ /*菜单文字下波浪*/ .navbar-top li.current-menu-item>a, .navbar-top li:hover>a { -webkit-box-decoration-break: clone; box-decoration-break: clone; text-decoration: underline wavy; text-decoration-thickness: from-font; text-underline-offset: 3px; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-01-13
300积分
评论可见
子比主题 – 新排名榜页面样式（共两版）-识趣者资源

子比主题 – 新排名榜页面样式（共两版）

是一款子比主题的新排名榜页面样式，此效果一共有两款，分别为有图以及无图的样式，这个应...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 文章页高亮商用版权提示-识趣者资源

子比主题美化 – 文章页高亮商用版权提示

优化用户体验，文章页高亮商用版权提示功能，帮助用户快速识别内容版权信息，确保合法使用，提升网站合规性与专业性。 效果预览 代码部署 [hidecontent type="reply"] HTMLCSS 代码投放：网站后台->子比主题->文章页面->文章页面底部 <div class="shangye">本站资源均为作者提供和网友推荐收集整理而来，仅供学习和研究使用，请在下载后24小时内删除，谢谢合作！</div> 商图下方下载！ 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 .shangye { color: white; background: #5282f7 url(你的图片链接) 3px 3px no-repeat; border: 1px solid #5282f7; overflow: hidden;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-22
免费
子比主题 – 简易聊天室插件-识趣者资源

子比主题 – 简易聊天室插件

这是一款子比主题简易聊天室插件，开启插件之后可通过代码来实现位置，代码功能实时同步聊天，很实用的一款插件，可自己放到自己的小工具来实现位置，喜欢的自行部署吧！ 代码部署下载插件之后，将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，放到你自己想要放的位置！ <!-- 简易聊天室代码--> <div id="zibll-right-chat-toggle" class="float-btn" onclick="document.getElementById('zibll-right-chat').classList.toggle('active')"> <i class="fa fa-comments"></i> <text>聊天室</text> </div> <!-- 代码结束 -->
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-03
评论可见
子比主题-文章右上角显示当页二维码「手机浏览」-识趣者资源

子比主题-文章右上角显示当页二维码「手机浏览」

在子比主题文章页的右上角显示一个二维码图标，鼠标悬停时展开显示当前文章链接的二维码，方便用户用手机扫码访问。 实现细节： 仅在文章详情页（is_single()）生效 图标定位在 article.article 容器的右上角（position:absolute;top:0;right:0） hover时弹出面板从右上角展开，覆盖图标位置（top:-1px;right:-1px） 使用子比主题自带的 jQuery qrcode 插件生成二维码 面板样式：白色背景、描边、无阴影 在线演示 [hidecontent type="reply"] /** * 文章页右上角二维码 - hover显示 - 大海 * 在 article 右上角显示二维码图标 */ function dahai_article_qrcode() { if (!is_single()) return; ?> <style>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
评论可见
子比主题美化 – 新发布文章列表角标NEW-识趣者资源

子比主题美化 – 新发布文章列表角标NEW

教程 [hidecontent type="reply"] 在主题目录 func.php 文件添加如下代码。 （func.php = functions.php）看过狐狸以前的文章应该都懂，以后就不解释了。 文件路径：/www/wwwroot/baicaima.com/wp-content/themes/zibll/functions.php /*新文章发布角标 */ function add_zbfox_new_post_label($title, $id) { if (!is_admin() && !is_single()) { $post_time = get_the_time('U', $id); if (time() - $post_time <= 24 * 60 * 60) { $title...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-15
评论可见
子比主题 – 首页搜索栏按钮&透明边框美化-识趣者资源

子比主题 – 首页搜索栏按钮&透明边框美化

教程 [hidecontent type="reply"] 首先我们要知道改哪个文件，首先我们就是改：/zibll/inc/functions/zib-search.php 首先我们要改两个地方然后加上CSS就可以了第一处第二处自定义CSS样式 第三个地方就简单了，直接放到我们的 子比主题–>>自定义CSS样式 即可 文件一： 我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码 $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 到了第二个地方，我们还是在：/zibll/inc/functions/zib-search.php 文件里面改 我们要搜下面的代码 esc_attr(strip_tags($args['s'])); 然后我们搜到之后如下图注释然后换成我的代码，大概在525行...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
1…910111213…36跳转