汇聚访-汇聚访-第3页
用户封面
4.5W+42812
汇聚访的头像-汇聚访
核心会员汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访333天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布422
排序
2025-08-21
08-21
子比主题 - 仿bilibili页面顶部焦点轮播图-汇聚访

实用子比主题 – 仿bilibili页面顶部焦点轮播图

大家好，今天汇聚访给大家分享一下使用swiper框架仿bilibili页面顶部焦点轮播图的这么一个功能，一般来说都是通用的，原作者是墨星，我对着仿了一个然后测试下来也没有bug，同时增加了点样式，然后手机端小图片进行了隐藏，因为加上的话手机端效果不咋好看，我也懒得写成小工具了，喜欢的直接按代码自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] 首先可以在子比根目录里的index.php这个文件中添加代码，当然也可以是别的位置，我这里就以这个位置为例了，打开文件后在<main role="main" class="container">这行代码的上面添加代码即可，css样式和js样式这里我直接打包放在文章附件里了，引用链接自行更改吧，然后图片可更换自己喜欢的图片。 <link rel="stylesheet" href="/wp-content/themes/zibll/huijuf-banner.css"> <div class="focus-container slide-header"> <div class="main-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://baidu.com" target="_blank" class="swiper-link"> <img src="图片地址" alt="轮播图1"> </a> </div> <div class="swiper-slide"> <img src="图片地址" alt="轮播图2">...
7个月前
建站笔记
2026-01-19
01-19
子比主题 -文章页动漫提示引导小人-汇聚访

实用子比主题 -文章页动漫提示引导小人

这是汇聚访为子比主题适配的哔哩哔哩样式的提示引导小人，此代码适用于所有主题，这里仅以子比主题作为演示，该教程部署位置为文章页，你可以放在你网站的任何地方，话不多说有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 文章插入内容CSS代码 定位：子比后台设置 - 文章&列表 - 文章页面 - 文章插入内容 - 在文章内容后-插入内容中添加以下代码即可： <div class="huijuf-service-bg"><div class="huijuf-service-word"><p>还没有解决问题咩？</p><a style="cursor:pointer;" data-remote="/wp-admin/admin-ajax.php?action=private_window_modal&receive_user=1" data-toggle="RefreshModal">主站相关客服</a></div></div> 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .huijuf-service-bg { position: huijuf; display: block; width: 270px; height: 220px; background:...
1个月前
建站笔记
2025-08-16
08-16
子比主题 - 多功能自定义右键菜单-汇聚访

实用子比主题 – 多功能自定义右键菜单

大家好，今天汇聚访给大家带来一款多功能自定义右键菜单，这个效果也是十分好看，可添加其他需要跳转的页面或内容，唯一的缺点就是手机端适配不太好，手机端也会出现，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] HTML代码CSS代码JS代码 投放至 footer.php 或 header.php 文件 body 标签内。 <div id="macgfyj"> <div data-macgf-cd id="rightMenu"> <div data-macgf-cd class="rightMenu-group rightMenu-small"> <div data-macgf-cd class="rightMenu-item" id="menu-home"> <a data-macgf-cd class="rightMenu-item" href="https://www.huijuf.com"> <i data-macgf-cd class="fa fa-home" aria-hidden="true"...
7个月前
建站笔记
2025-08-03
08-03
子比主题 - 仿7b2极主题顶部导航样式-汇聚访

实用子比主题 – 仿7b2极主题顶部导航样式

大家好，我是汇聚访，今天给大家分享的是子比主题仿7b2极主题顶部导航样式，这个效果我在鹿语和呆萌的网站上看到的，觉得挺不错的然后就自己仿了一个，这个效果我只适应了电脑端导航布局的第一个布局，如果你要用的话做好心理准备，布局二和三我都没有适配，因为太麻烦了，你修改之后用布局二和三可能会错乱，本教程需修改原主题文件，请备份好原主题文件再进行修改，以防文件丢失或系统崩溃，话不多说了，直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 首先是css样式（会员充值的css样式），图片我推荐本地化，以防丢失，代码如下： /*汇聚访：www.huijuf.com*/ .Onecad_header_vip { background: url(https://img.dmguo.cn/2025/03/20250319172047784.png) no-repeat 50% / 120px; display: block; position: absolute; margin-right: 5px; padding: 0 70px; width: 25px; height: 40px; bottom: -8px; right: 12vh; } /*汇聚访：www.huijuf.com*/ .Onecad_header_vip_topi...
7个月前
建站笔记
2025-07-21
07-21
子比主题 - 动态星空背景-汇聚访

实用子比主题 – 动态星空背景

大家好，今天汇聚访给大家带来一款夜间模式仿星空流动的动态背景特效，这个效果白天和黑夜模式都有，白天不太明显。黑夜模式的比较好看，这个效果是仿的小樱博客的，今天分享给大家，希望对大家有帮助，如果觉得白天模式不好看，请自行适配白天模式！ 演示效果： 代码部署： [hidecontent type="payshow"] ①首先在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .dark-theme { background: var(--body-bg-color) fixed center / cover; } .stars { display: none; position: fixed; bottom: 0; left: 50%; transform: perspective(500px); transform-style: preserve-3d; perspective-origin: 50% 100%; animation: stars_anime...
8个月前
建站笔记
2025-05-04
05-04
子比主题 - 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码-汇聚访

实用子比主题 – 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码

大家好，今天汇聚访给大家带来一款提示弹窗个人觉得很好看，一般只有“复制提醒（附带复制失败提醒）”、“禁用F12”、“禁用鼠标右键”，这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家，所需代码均打包在本文下方，此美化只应用在子比主题，部分主题无法使用，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 我们要将下面的代码放到/wp-content/themes/zibll/header.php 或者在子比后台=>>自定义代码=>>自定义底部HTML代码 两个方式都可以的 <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script> <!-- 引入组件库 --> <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css"> 复制Ctrl+C提醒禁用鼠标右键菜单提醒禁用F12按键提醒，禁用Ctrl+Shift+I，禁用Ctrl+S，禁用Ctrl+U禁用左键选择签到任务提醒 Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义javascript代码加入以下代码 /* 复制Ctrl+C提醒 */ document.addEventListener("copy", function(e) {...
10个月前
建站笔记
2025-10-03
10-03
子比主题 - 幻灯片循环滚动波浪动画-汇聚访

实用子比主题 – 幻灯片循环滚动波浪动画

这是子比主题的一款幻灯片循环滚动波浪动画，可以放在任何位置，我这里放在了多功能组件这里，看起来非常不错，教程也比较简单属于一键部署，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS 定位：网站后台->Zibll主题设置->全局&功能->自定义代码->自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .parallax { fill: var(--body-bg-color); } .parallax > use { animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; opacity:...
5个月前
建站笔记
2025-11-24
11-24
子比主题 - 用户个人信息小工具动态钟表样式-汇聚访

实用子比主题 – 用户个人信息小工具动态钟表样式

这是一款子比主题仿Emlog里的一款主题样式的，这个不仅可以用在用户个人中心小工具，同时还可以用在文章作者信息小工具里，我都适配好了，此效果仅在网站用户登录时候才显示，我懒得适配未登录了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php找到函数：zib_get_user_card_box（大概在700多行左右），随后在这个函数内部找到$cover这个变量名，你会看到以下代码： $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;">' . get_user_cover_img($user_id) . '</div>' : ''; 随后把此段代码替换为以下代码： /*汇聚访：www.huijuf.com*/ $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;"><div class="zibbox-clock-item"><div class="zibbox-clock_box"><svg class="ete_clock_clock"xmlns="http://www.w3.org/2000/svg"viewBox="0...
4个月前
建站笔记
2025-04-29
04-29
子比主题 - 分页按钮渐变美化-汇聚访

实用子比主题 – 分页按钮渐变美化

这是给子比主题的分页按钮添加的一款渐变风格的美化。使用此美化效果前记得先在后台设置中将列表翻页模式选项设置为数字翻页按钮，此美化效果本站也在使用，还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*页码样式微调www.huijuf.com*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95,...
11个月前
建站笔记
2025-08-11
08-11
子比主题 - 首页排行榜小工具样式（第三版）-汇聚访

实用子比主题 – 首页排行榜小工具样式（第三版）

大家好，今天汇聚访给大家带来首页排行榜小工具的第三个样式，之前也发过这个小工具，只不过和这个样式不同，这个效果比起前两个是比较简约的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个： 将下面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜<?php get_sidebar(); ?>，推荐放在下面，代码如下所示： <div class="zib-widget mohan-ranking-widget"> <div class="list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">资源分享</a> <div class="class-box"> <?php query_posts('cat=1&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank"...
7个月前
建站笔记
12345…43跳转
欢迎光临~
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9 ¥39.9
Vip会员 · 立省30元
立即开通
每日签到
公众号二维码
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部