汇聚访-汇聚访-第4页
用户封面
4.5W+42812
汇聚访的头像-汇聚访
核心会员汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访333天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布422
排序
2025-10-07
10-07
子比主题 – 文章卡片弹窗美化样式-汇聚访

实用子比主题 – 文章卡片弹窗美化样式

这是子比主题的文章卡片弹窗的美化样式，起初这个效果是在图酷的站点上看到的，今天就分享给大家，一般来说用处不是特别大，发出来也是给有需要的人，教程比较详细，有用得到的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 一共两组代码，一个是JS代码和CSS代码，话不多说直接开始部署教程！ 特别提醒：里面有两个跳转按钮：阅读全文和探索更多，阅读全文是用户当前点的文章，探索更多是固定的跳转链接，需要自己改自己的链接在JS里面的/user/product这个代码，自己改自己的跳转链接即可！ CSSJs 定位：子比主题–>>自定义CSS样式直接把下方代码放进去即可！ /*汇聚访：www.huijuf.com*/ .custom-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; justify-content: center; align-items: center;...
5个月前
建站笔记
2025-06-09
06-09
子比主题 - 全局B2弹窗提醒样式美化-汇聚访

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

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML 放在子比主题–>>自定义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;...
9个月前
建站笔记
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-05-31
05-31
子比主题 - 文章详情页带Tab切换美化-汇聚访

实用子比主题 – 文章详情页带Tab切换美化

大家好，今天汇聚访给大家带来子比主题的文章详情页带Tab切换的功能，这个效果是腾飞先整出来的，适合所有子比站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图！ 然后我们将一整块替换我下面的代码，直接替换我修改过的代码！ function zib_single() { zib_single_header(); do_action('zib_single_before'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 详情</div> <div class="tab"...
10个月前
建站笔记
2025-10-12
10-12
子比主题 – 客服工单系统插件-汇聚访

实用子比主题 – 客服工单系统插件

这是一款子比主题的客服工单插件，整体来说比较一般，是腾飞分享出来的，该插件并没有特别...
5个月前
功能插件
2025-09-27
09-27
子比主题 - 简约导航页面样式-汇聚访

实用子比主题 – 简约导航页面样式（一键部署）

这是子比主题的页面美化，之前我很少发页面的美化，最主要的还是太麻烦了，需要整的多少太多了比较懒，今天给大家分享一款简约的导航界面，一键部署就好了也没啥复杂的东西，图片我放在图床里了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 申请入驻有问题我打上了注释，有能力的自行适配一下吧，还是比较懒！ 定位：/wp-content/themes/zibll/pages这个文件夹里面创建一个PHP文件，文件名随意，然后把下方代码放进去，之后在后台页面 - 创建新页面 - 选择汇聚访-网址导航即可： <?php /** * Template name: 汇聚访www.huijuf.com - 导航页 * Description: 一款简约的导航页！更多美化请到汇聚访www.huijuf.com。 */ get_header(); ?> <style> ol, ul { list-style-type: none; } .homebk12 .homebk8-ctn li...
6个月前
建站笔记
2025-04-28
04-28
子比主题 - 用户中心添加UID、注册时间功能-汇聚访

实用子比主题 – 用户中心添加UID、注册时间功能

这一功能利用了子比主题自带的函数和钩子，能够在用户中心添加一些额外的信息。此外，它还可以自定义样式，使得用户中心显得更加丰富多彩！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true;...
11个月前
建站笔记
2025-05-01
05-01
子比主题 - 卡片粉色细节美化样式-汇聚访

实用子比主题 – 卡片粉色细节美化样式

这是一款给子比主题适配的只要有卡片的都有一个粉色细节美化的样式，这种的样式看上去还是比较好看的，很适合一些用子比主题且是ACG风格的站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*粉色细节优化*/ /*www.huijuf.com*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset; -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset; box-shadow: inset 0 1px 4px 0 #FFD1D8;...
10个月前
建站笔记
2025-08-05
08-05
子比主题 - 仿哔哩哔哩充电样式-汇聚访

实用子比主题 – 仿哔哩哔哩充电样式

大家好，今天汇聚访给大家带来一款子比主题仿哔哩哔哩充电效果的样式，这个没有功能仅有样式，如果你需要功能请自行写代码适配，我这里用不到，所以我也就懒得适配，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在文章&列表-文章页面-文章插入内容-在文章内容后-插入内容中添加以下代码： <div class="log-power-pay"> <div class="left"> <span class="tip">文章很赞,支持一下吧~</span> <span class="count mb3"> 还没有人为TA充电 </span> <div> <div class="power-pay-avatar-group flex alc mini-scrollbar scroll-x gap-1 flex-wrap"> </div> </div> </div> <div class="right"> <div class="main-btn" data-toggle="modal" data-target="#ete-log-power-pay">...
7个月前
建站笔记
2025-08-19
08-19
子比主题 - 文章版权声明样式美化（共十二款）-汇聚访

实用子比主题 – 文章版权声明样式美化（共十二款）25/11/01更新

大家好，本次汇聚访给大家带来一篇子比主题文章版权的样式美化，对于站长都需要这个东西来放到文章下面声明一下版权或是别的东西，今天分享给大家，同时也记录一下，防止效果丢失，喜欢的自行部署吧！ 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题–>>文章&列表–>>文章页面–>>版权声明即可！ 样式一样式二样式三样式四样式五样式六样式七样式八样式九样式十样式十一样式十二 <!--汇聚访www.huijuf.com版权样式一--> <div class="posts-copyright"><div class="entry-copyright px12"> <span class="badg badg-sm mr3 c-yellow">1</span> 如果您喜欢本站，<a href="/" style="color:#a102ff"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-security-color"></use></svg> </i>点击这儿 </a>赞助下本站，感谢支持！<br> <span class="badg badg-sm mr3 c-red">2</span> 可能会帮助到你： <a href="/"...
7个月前
建站笔记
123456…43跳转
欢迎光临~
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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