汇聚访-汇聚访-第25页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-09-20
09-20
子比主题 - 简约侧边栏样式-汇聚访

实用子比主题 – 简约侧边栏样式

今天汇聚访给大家带来一款新的侧边栏样式，这是比较简约的一款样式，原作者应该是腾飞，之前也发过一种侧边栏样式，那个看起来比较花，但是这个比较简约，萝卜青菜各有所爱嘛，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比后台设置-自定义底部HTML代码中添加以下代码即可（代码没有压缩，方便编辑，觉得太长的可以压缩一下！）： <div class="comfortable-nav"> <div class="nav-item vip-item-right"> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <i class="fa fa-diamond nav-icon"></i> <div class="vip-panel"> <h4><i class="fa fa-diamond"></i> 开通会员享特权</h4> <div class="vip-benefits"> <div class="vip-benefit"> <i class="fa fa-check"></i> <span>专属内容无限访问</span></div>...
子比主题子比美化建站笔记
2025-10-08
10-08
子比主题 – 音乐播放器代码版-汇聚访

实用子比主题 – 音乐播放器代码版

这是一款子比主题的音乐播放器代码版，部署之后是在网站右下角显示一个QQ音乐的图标，点击后即可大屏来进行播放音乐，非常实用，基本上代码都是通过JS来实现的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义底部HTML即可，代码里面有引入的js文件，附件在文章资源内下载，自己上传一下本地引入一下！这里我放在了网站根目录！ <!-- 音乐播放器插件开始 --> <script src="/newindex.js"></script> <style> #shmusiczr { /* 距离网页右侧的距离，请根据需要自行更改 */ right: 15px; /* 距离网页底部的距离，请根据需要自行更改 */ bottom: 120px; } /* 在小屏幕设备（如手机）上隐藏播放器 */ @media (max-width: 768px) { #shmusiczr { display:...
子比主题子比美化建站笔记
2025-04-28
04-28
子比主题 - 仿致美化顶部样式代码-汇聚访

实用子比主题 – 仿致美化顶部样式代码

这是一款子比主题模仿致美化顶部样式代码样式，这款样式能够更好的去让用户加入自己的群聊，还是不错的一款顶部样式美化，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度，自己改一下跳转链接 CSSHTML <style type='text/css'>/*www.huijuf.com*/ a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; box-sizing: border-box; } .index-header { width: 100%; height:...
子比主题子比美化建站笔记
2025-05-22
05-22
子比主题 - 侧边栏新增一个信息展示框-汇聚访

实用子比主题 – 侧边栏新增一个信息展示框

今天无聊逛站的时候，看到了一个非常好看的侧边小工具，于是我就扒了下来，今天分享给大家哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 外观-小工具-侧边栏（自定义HTML代码区块）自己把图片内置在本地！ HTMLCSS <div class="mhy-qrcode-top-card"> <div class="mhy-qrcode-top-card__role-image" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519022256633.png);"> </div> <div class="mhy-qrcode-top-card__role-content"> <div class="mhy-qrcode-top-card__role-content-background" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519022519860.png);"> <div class="background__welcome"> <div class="background__welcome-image" style="background-image: url(https://webstatic.mihoyo.com/upload/static-resource/2023/03/06/14e05cd4d8b0babd6c7985fc 1f5801e5_689092345277877987.png);"> </div> <div class="background__welcome-text_img" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519025425992.webp);"> </div> </div> </div> <div...
子比主题子比美化建站笔记
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;...
子比主题子比美化建站笔记
2025-07-27
07-27
子比主题 - 动态萤火星空背景-汇聚访

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

大家好，今天汇聚访给大家分享一款动态萤火星空的背景，这个效果是我在别的站点看到的，觉得挺好看的，于是就整了下来，不过这个效果唯一遗憾的是没有适配白天模式，我前段日子分享了一个星空效果的教程，那个白天模式适配的也是一言难尽，我也比较懒，主要自己用不到，需要的话自行适配吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比设置-自定义CSS样式中添加以下代码： * { box-sizing: border-box; padding: 0; margin: 0; } body { background: #22313f; position: relative; } #starsContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:...
子比主题子比美化建站笔记
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';...
子比主题子比美化建站笔记
2025-08-25
08-25
子比主题 – 带页面快照GO跳转页面-汇聚访

实用子比主题 – 带页面快照GO跳转页面

大家好，今天汇聚访给大家分享一款子比主题地GO跳转页面，之前也发了一篇集合，这个和之前那些不同所以单独分开了，左下角为广告图片，你可以自行更改，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 找到/wp-content/themes/zibll/go.php文件，直接将下面的代码替换即可，里面有文字和广告，自己修改即可！ <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") !== false || strpos($_SERVER['REQUEST_URI'], "base64") !== false ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection:...
子比主题子比美化建站笔记
2025-09-27
09-27
子比主题 - 评论区起始分割线-汇聚访

实用子比主题 – 评论区起始分割线

今天汇聚访给大家带来一款子比主题的评论区起始分割线，之前我发过文章的分割线，今天在别的站点看到了这个效果并且是收费的，于是我就仿了一下，图片我放在图床里了，有条件的建议图片本地化，以防丢失，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/template/comments.php在这个文件里找到以下代码： <div class="theme-box" id="comments"> 在这个代码的下面添加以下代码即可： <div class="huijuf-wrapper"> <span class="huijuf-line"></span> <span class="huijuf-icon"> <a> <img src="https://pic1.imgdb.cn/item/68d7c526c5157e1a883c68cf .png" alt="分割线图标" class="huijuf-img"> <b>评论区</b>（汇聚访-评论底线）</a> </span> <span class="huijuf-line"></span> </div> <style> /*汇聚访：www.huijuf.com*/ .huijuf-wrapper { display: flex; align-items: center; margin:...
子比主题子比美化建站笔记
2025-10-12
10-12
Ri主题 - logo扫光特效样式-汇聚访

实用Ri主题 – logo扫光特效样式

这是给Ri主题添加一个logo扫光特效的样式，之前我在子比主题发过这次也是适配了Ri主题，这个样式效果还是很不错的，比较酷炫，同时教程也是比较简单的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：Ri主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .logo-wrapper { position: relative; font-size: 2em; font-weight: 700; line-height: 39px; overflow: hidden; margin: 0; } .logo-wrapper::before { content: ""; position: absolute; width: 150px; height:...
RiThemeRiProV5建站笔记
1…2324252627…30跳转
热评