汇聚访-汇聚访-第2页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
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;...
4个月前
建站笔记
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"...
5个月前
建站笔记
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">...
2个月前
建站笔记
2025-05-01
05-01
子比主题 - 粉色细节优化-汇聚访

实用子比主题 – 粉色细节优化

增强视觉吸引力：粉色是一种温馨、甜美的颜色，可以给网站增添一份柔和、温暖的感觉，使得文章框更加引人注目。 提升用户体验：通过为文章框添加外框，可以使得文章内容更加突出，更容易被用户注意到。而粉色的外框则可以增加文章框的辨识度，使得用户在浏览网页时能够更快地找到所需的信息。 增加页面层次感：外框可以将文章框与其他页面元素区分开来，增加页面的层次感。粉色的外框可以作为一种视觉引导，帮助用户更好地理解页面结构。 体现品牌形象：如果网站的目标受众是年轻人群，那么粉色的外框可以更好地符合目标受众的审美需求，体现品牌的年轻、时尚、温馨的形象。 演示效果： 代码部署： [hidecontent type="reply"] 将下方CSS放置于后台——自定义代码——自定义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...
5个月前
建站笔记
2025-07-20
07-20
子比主题 - 顶部动漫小人挂件-汇聚访

实用子比主题 – 顶部动漫小人挂件

今天汇聚访给大家带来这一款顶部动漫小人挂件的教程，这个代码做了手机适配，电脑端才会显示，手机端将会隐藏，图片可自行更换成你喜欢的图片类型，话不多说，直接开始教程！ 演示效果： 代码部署： [hidecontent type="reply"] ①首先在子比后台-自定义头部HTML代码里添加以下代码： <div class="zbbox_header"></div> ②在子比后台-自定义CSS样式里添加以下代码： @media screen and (min-width:850px) { .zbbox_header { width: 120px; height: 200px; padding-top: 12%; display: inline-block; background: url(https://www.huijuf.com/wp-content/themes/zbboxPro/images/head/2025_year.png) no-repeat 50%/100%; vertical-align: middle; position: fixed; left: 86%; top:...
3个月前
建站笔记
2025-07-10
07-10
子比主题 - 添加自定义表情包-汇聚访

实用子比主题 – 添加自定义表情包25/10/28更新

这是给子比主题添加自定义表情包的一个教程，该教程分为旧版以及新版，教程比较复杂和麻烦如果怕麻烦的可以不用看了，该教程旧版思路由人皇发出来的，8.2新版教程是腾飞整理出来的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 此教程比较复杂，所以跟着我的步骤一步步走，这样才可以实现自定义表情包，首先子比商城更新之后我们只改/wp-content/themes/zibll/inc/functions/functions.php这个文件，新版和旧版只改这个文件，其他的正常部署就行！ 旧版教程： 定位：/wp-content/themes/zibll/inc/functions/functions.php文件里面，然后搜“表情”，如下图所示： 接下来就是我们把你想要加入的表情包名称像这样添加在里面，如下图所示： 如上图，design就是分类相当于评论区的分类然后suffix是格式如：gif、png（png不行）等等表情包格式，我这里设置的全部都gif格式的，那么你也可以设置gif，那我就以gif的教程分享，如下代码就是图上代码，替换你自带的即可！ //表情 if ('smilie' == $type) { $but = '<a class="but btn-input-expand input-smilie mr6" href="javascript:;"><i class="fa fa-fw fa-smile-o"></i><span class="hide-sm">表情</span></a>'; $smilie_icon_args = array( array( 'design' => '豆仔',...
3个月前
建站笔记
2025-08-18
08-18
子比主题 - 给文章页图片添加遮罩版权图片-汇聚访

实用子比主题 – 给文章页图片添加遮罩版权图片

大家好，今天汇聚访给大家带来一款子比主题的文章页里面的图片加上遮罩图片效果，这个效果说实话就是一个装饰，鼠标指向图片之后图片右下角有一个版权图片可自己放自己的logo图片链接，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换）： //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block';...
2个月前
建站笔记
2025-08-03
08-03
子比主题 - 修改导航图标为登录用户头像-汇聚访

实用子比主题 – 修改导航图标为登录用户头像

大家好，今天汇聚访教大家如何修改导航图标为登录用户头像，这个效果的原创作者是苏晨，我仅供分享，这个效果在电脑端导航布局中的第二个选项是自带的，因为该教程需要修改主题原代码，请先保存好代码再开始修改，以防代码丢失或系统崩溃，话不多说直接开始。 演示效果： 代码部署： [hidecontent type="reply"] 修改/wp-content/themes/zibll/inc/functions/zib-header.php的156行，如下图 $sign_but = is_user_logged_in()?'<li><a href="javascript:;" class="btn' . ($user_id ? '' : ' signin-loader') . '">' . zib_get_avatar_box($user_id, 'avatar-img-diy', true, false).'</a> <ul class="sub-menu"> ' . $user_sub . ' </ul> </li>':'<li><a href="javascript:;"...
2个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章资源付费类型文字转为图标样式-汇聚访

实用子比主题 – 文章资源付费类型文字转为图标样式

大家好，今天汇聚访给大家带来子比主题的文章资源付费类型文字转为图标样式教程，更美观更好看更简约，当然每个人喜欢的类型不同，如果喜欢自行部署吧。 演示效果： 代码部署： [hidecontent type="reply"] 找到文件路径：themes\zibll\inc\functions\zib-posts-list.php第390行添加如下代码： $svg = '<symbol id="icon-points" viewBox="0 0 1024 1024"> <path d="M419.886252 370.432927c119.605022 0 243.995044-26.302516 318.706976-76.460106v91.304594h69.207683V185.366307C807.800911 65.18189 607.999688 0.289697 420.006126 0.289697S32.091467 65.18189 32.091467 185.366307v545.629859c0 120.184417 199.801223 185.076609 387.794785 185.07661V846.984967c-197.463666 0-318.706976-67.579385-318.706976-115.978811V566.977553c74.711932 50.037714...
5个月前
建站笔记
2025-10-07
10-07
子比主题 – CSS动态渐变背景（三款样式）-汇聚访

实用子比主题 – CSS动态渐变背景（三款样式）

这是子比主题的三款CSS动态渐变背景样式的美化，图片中我仅仅展示了静态的样式效果，原作者为鼠子，对比那些svg作为背景图来说还是这个比较好一些，不会受到浏览器的兼容性问题，有喜欢的自行部署吧！ 演示效果： 第一款第二款第三款 代码部署： [hidecontent type="reply"] 三款都是CSS代码，直接将代码放到：子比主题–>>自定义CSS样式即可！ 第一款第二款第三款 body:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -520; pointer-events: none } body:before { background: linear-gradient(90deg,#f795331a,#f370551a 15%,#ef4e7b1a 30%,#a166ab1a,#5073b81a,#1098ad1a,#07b39b1a 86%,#6dba821a) }...
54天前
建站笔记
1234…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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