子比美化 第11页
子比主题美化相关教程
分类
排序
2025-12-13
子比主题 – 全局B2弹窗提醒样式美化-识趣者资源

子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML代码JS代码 我们先丢CSS样式到：子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative; }...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自定义右键菜单美化-识趣者资源

子比主题 – 自定义右键菜单美化

给子比主题加一个自定义右键的美化，我觉得这个还是不错的，很简洁而且好看，喜欢的自行部署，当留个笔记吧！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义底部HTML代码即可，或者也可以放到footer.php文件里面也可以！ 记得修改一下里面的网站地址，要不然用的话都是本站的地址！ <!-- 右键美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block}...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-05
子比美化教程 – 底部统计信息模块小工具-识趣者资源

美化子比美化教程 – 底部统计信息模块小工具

美化效果 食用教程 一、PHP代码 前往网站文件根目录，依次找到”wp-content->themes->zibll->header.php”后打开，在</head>前添加以下函数代码： [hidecontent type="reply"] <!--【星语的小木屋】网站底部统计信息模块小工具--> <script type="text/javascript" > <?php //用户总数 $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var tj_jstext="."'$users'"; ?> </script> <script type="text/javascript" > <?php //WordPress获取今日发布文章数量 function nd_get_24h_post_count(){ $today = getdate(); $query = new...
识趣资源的头像-识趣者资源至尊会员识趣资源· 29天前
#子比美化
 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> <!-- 代码结束 -->
识趣资源的头像-识趣者资源至尊会员识趣资源· 13天前
#子比美化
 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',...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-28
子比主题美化 – 太空人时钟表盘-识趣者资源

子比主题美化 – 太空人时钟表盘

很火的华为太空人表盘源码，基于SVG+JavaScript实现网红华为太空人表盘GT...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2025-12-13
子比主题 – PC右下角显示网易云热评（三款）-识趣者资源

子比主题 – PC右下角显示网易云热评（三款）

给子比主题PC端右下角加一个显示网易云热评的美化样式，这个功能还是不错的，给自己的网站加上动态的网易云热评，一共是三款，喜欢的自行部署吧！ 第一款 第二款 第三款 代码部署 [hidecontent type="reply"] 喜欢哪一款放到：WP后台–>>外观–小工具–>>自定义HTML，建议放到：所有页面-底部全宽度 第一款第二款第三款 <div id="wniui-popup-window" class="wniui-show-popup-window"> <div class="wniui-popup-header"> <div class="wniui-popup-window-title">网易云热评</div> <span id="wniui-popup-username"></span> <a id="music-link" href="" target="_blank" style="position: absolute; top: 8px; right: 10px;"> <svg style="transition: .3s;height:30px;width:30px;" t="1740280523955" class="icon" viewbox="0 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题-让网站禁用F12控制台-识趣者资源

子比主题-让网站禁用F12控制台

前言让网站禁止访问控制台，打开控制台就会跳转到另一个页面，取消就会返回上一页，这个没图，你们可以自己试一下。代码路径自己调整一下，跳转的页面我就打包了，自行下载吧！[hidecontent type="reply"]JS代码<script type="module"> import devtools from './banf12/js/moukey.js'; if (devtools.isOpen) { window.location.href = "./banf12"}; window.addEventListener('devtoolschange', event => { if (event.detail.isOpen) { window.location.href = "./banf12"}; }); </script>[/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 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...
识趣资源的头像-识趣者资源至尊会员识趣资源· 11天前
#子比美化
 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;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-31
子比主题-标签自动加内链插件-识趣者资源

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

分享一款自制的标签自动添加外链插件，适合各类内容站点提升运营效率。这款插件无需复杂配...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2025-12-13
子比主题 – 外链Go页面样式代码（共十五款）-识趣者资源

子比主题 – 外链Go页面样式代码（共十五款）

我这里记录了十五款子比主题go页面样式的代码样式，对于用户比较挑，所以我多记录几个也正好我自己也备用，我看有点挤，等我后面有好的再更新go页面样式，喜欢的自行部署一下吧！ [hidecontent type="vip2"] 喜欢哪一款直接替换：/wp-content/themes/zibll/go.php这个文件的所有代码即可！ 第十一和十二款是很早很早的代码，我修复了一下，可以用，本站目前用的是第十三款 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款第十二款第十三款第十四款第十五款 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2021-07-10 * @LastEditTime: 2021-07-10 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description : 一款极其优雅的Wordpress主题...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自带弹窗美化样式-识趣者资源

子比主题 – 自带弹窗美化样式

这是一款子比主题自带的弹窗美化的样式，样式非常的好看，我觉得可以当做自己站点的弹窗样式，只适合子比，其他的不能！ 代码部署 [hidecontent type="reply"] 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 标题内容即可！ <img style="width:50%; display: block; margin-left: auto; margin-right: auto;" src="logo链接" alt="腾飞博客"> 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 弹窗内容即可！ <div style="text-align: center;margin-bottom:15px;"> <div style="padding-bottom:10px;"><img style="width:40%;margin-bottom:10px; border:2px solid #edc890;" src="二维码链接" alt="QQ扫码进入腾飞博客网用户群"> <p style="color:#1f9c00;"><i class="fa fa-qq"></i> <span>QQ扫码进入腾飞博客网用户群</span><p> <p>您可以在用户群跟群友交流哦～</p></div>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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行...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…910111213…15跳转