子比主题

2025-11-08
11-08
子比主题 – 右下角雪花按钮美化样式-汇聚访

实用子比主题 – 右下角雪花按钮美化样式

这是一款子比主题的右下角在线下雪样式，用户可以点击按钮如小雪、中雪、大雪进行调整下雪的程度，该效果是今一写的，样式也是挺不错的尤其是在黑夜模式中，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，如果想所有页面显示放到：所有页面-页脚区内部，那如果首页显示的话你就放到：首页-主内容下面，直接将下面的代码丢里面即可！ <style> .snow-control{position:fixed;bottom:25px;right:25px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.snow-main-btn{width:48px;height:48px;border-radius:50%;background:#f0f7ff;border:1px solid #e8f4ff;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#4a90e2;box-shadow:0 3px 10px rgba(74,144,226,0.12);transition:all 0.2s ease;position:relative}.snow-main-btn:hover{background:#e8f4ff;transform:scale(1.05);box-shadow:0 4px 12px rgba(74,144,226,0.15);color:#357abd}.snow-main-btn:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(74,144,226,0.1)}.snow-panel{background:#ffffff;border-radius:12px;padding:10px 8px;box-shadow:0 4px 15px rgba(74,144,226,0.08);display:none;flex-direction:column;gap:8px;min-width:100px;position:relative}.snow-panel::after{content:'';position:absolute;bottom:-6px;right:20px;width:12px;height:12px;background:#ffffff;transform:rotate(45deg);box-shadow:3px 3px 5px rgba(74,144,226,0.05)}.snow-panel.active{display:flex;animation:fadeIn 0.25s ease-out}.snow-btn{padding:8px 0;border-radius:8px;border:none;outline:none;cursor:pointer;background:#f5f9ff;color:#4a90e2;font-size:14px;font-weight:500;transition:all 0.2s ease;text-align:center}.snow-btn.active{background:#4a90e2;color:#ffffff;box-shadow:0 2px 6px...
22天前
建站笔记
2025-11-01
11-01
子比主题 - 顶部导航菜单呈透明样式-汇聚访

实用子比主题 – 顶部导航菜单呈透明样式

这是一款子比主题的顶部导航菜单呈透明样式，如果不加这个样式的话页面滑动的时候才会呈现透明的状态，而加上这个效果之后始终都是透明的，代码也比较简单，话不多说了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .header { --header-bg: transparent; --header-color: #000000; } /*汇聚访：www.huijuf.com*/ [/hidecontent]
29天前
建站笔记
2025-10-30
10-30
子比主题 – 实时聚合热搜榜页面（一键部署）-汇聚访

实用子比主题 – 实时聚合热搜榜页面（一键部署）

这是一款子比主题的实时聚合页面，在此页面你可以获取每个平台的实时聚合热搜榜单。一键掌...
31天前
建站笔记
2025-10-29
10-29
子比主题 – 弹出模拟框增加提醒-汇聚访

实用子比主题 – 弹出模拟框增加提醒

这是给子比主题添加的一款弹出模拟框增加提醒的功能，但是不是所有页面都可以点击任意地方关闭，具体应用情况自己测试，反正会员弹出页面是可以用的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将以下代码放到：子比主题–>>自定义代码–>>自定义JavaScript代码 $(document).ajaxComplete(function(event, xhr, settings) { // 当所有的 AJAX 请求完成时执行以下代码 $('.modal-dialog').each(function() { // 遍历每个加载的模拟框 $(this).prepend('<span style="position: absolute;bottom: -35px;z-index: 99;left: 0;right: 0;text-align: center;color: #efefef;user-select: none;pointer-events: none;">点击任意地方关闭</span>'); }); }); [/hidecontent]
32天前
建站笔记
2025-10-28
10-28
子比主题 – logo透明过渡美化样式-汇聚访

实用子比主题 – logo透明过渡美化样式

这是给子比主题得的logo添加的一款透明过渡的美化样式，这个效果是腾飞参考别的网站的样式来适配子比主题的，之前我也发过几款logo样式的美化，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义CSS样式，把下方代码放入即可： /*汇聚访：www.huijuf.com*/ .navbar-brand { position: relative; } .navbar-logo img { position: relative; display: inline-block; animation: logoShine 2s infinite ease-in-out; } @keyframes logoShine { 0% { transform: translateX(0); opacity: 1; }...
33天前
建站笔记
2025-10-28
10-28
子比主题 – 给网站添加动态蜡笔小新-汇聚访

实用子比主题 – 给网站添加动态蜡笔小新

这是给子比主题添加的一款网站动态蜡笔小新样式，原代码是腾飞分享出来的，这个效果会在下拉网站或者上拉网站的时候出现蜡笔小新，提示词也是可自行修改的，可以随意拖拽他，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] JSCSSHTML 直接将下面的代码放到：子比主题–>>自定义头部HTML代码或自定义底部HTML代码，或者放在header文件里面，里面的文件代码自己本地！spig.js文件我放在文章附件了，自行引入！ <!--蜡笔小新--> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script src="/spig.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var right_click = '你想干啥呀？'; var onoff_move = '1'; var touch_array = ["不要摸我", "再摸我，我就杀掉你！", "干嘛老摸我啊？", "非礼呀！！！！！", "我可以告你性侵犯吗？", "色狼啊啊！"]; var...
33天前
建站笔记
2025-10-23
10-23
子比主题 – 数据统计条小工具代码-汇聚访

实用子比主题 – 数据统计条小工具代码

这是一款子比主题的数据统计条代码，里面带有日更新、文章数目、帖子数量、评论数量、注册用户、运行时间、浏览次数等功能，该小工具原为腾飞分享的，你可以放在你想放置的任何一个位置，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，然后将下面的代码放里面即可！ // 统计条func代码 if (!function_exists('get_posts_count_today')) { function get_posts_count_today($post_type = 'post') { $today = date('Y-m-d'); $args = array( 'post_type' => $post_type, 'post_status' => 'publish', 'date_query' => array( array( 'after' => $today...
38天前
建站笔记
2025-10-21
10-21
子比主题 – 用户随机头像教程（代码版）-汇聚访

实用子比主题 – 用户随机头像教程（代码版）

这是一款子比主题的用户随机头像教程，这款教程是通过代码的形式来实现，通过php代码实现然后调用的是目录的图片即可实现用户注册随机头像教程，随机头像的头像样式也可自行更改，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码放到里面即可！ /*开始随机头像*/ function zib2_sign_in($user_id) { if (!$user_id) { return; } $social_login = get_user_meta($user_id, 'oauth_new', true); $avatars_base_dir = WP_CONTENT_DIR . '/uploads/tx/'; $avatars = glob($avatars_base_dir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE | GLOB_NOSORT); if (empty($avatars))...
40天前
建站笔记
2025-10-17
10-17
子比主题 - 网站公告美化弹窗-汇聚访

实用子比主题 – 网站公告美化弹窗

这是给子比主题适配的一款网站美化弹窗公告，这个效果类似那种资源站的公告，原本为狐狸发出来的，我这里修改了一下样式，公告图片放在公益图床了但是我还是建议本地化，有觉得好看的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：网站后台->Zibll主题设置->全局&功能->常用功能->弹窗通知： 打开窗口尺寸设置为中，弹窗标题背景为炫彩背景，随后为标题内容以及弹窗内容： 标题内容弹窗内容 <div> <script type="text/javascript"> /*汇聚访：www.huijuf.com*/ var now = (new Date()).getHours(); if (now > 0 && now <= 6) { document.write("熬夜对身体不好，快睡觉！"); } else if (now > 6 && now...
44天前
建站笔记
2025-10-17
10-17
子比主题 - 网站右下角弹窗公告代码-汇聚访

实用子比主题 – 网站右下角弹窗公告代码

这是一款子比主题的网站右下角弹窗公告代码，这个效果是在每次用户打开网站时弹出一个提示框，但是部分浏览器不支持，目前我测试Edg貌似无法弹窗，谷歌是正常的，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/footer.php然后在</body>的下面添加以下代码即可： /*汇聚访：www.huijuf.com*/ <script> var popNotice = function() { //获取用户授权状态 if (Notification.permission == "granted") { var notification = new Notification("Hi,欢迎光临汇聚访", { //很明显这是正文 body: '各位小哥哥小姐姐喜欢本站就留言互访吧,我会每天不定时的访问各位的站点。', //很明显这是图标 icon: 'https://demo.huijuf.com/wp-content/uploads/2025/09/favicon.png' }); //消息被点击事件 notification.onclick =...
44天前
建站笔记
123456…27跳转