汇聚访-汇聚访-第17页
用户封面
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;...
5个月前
建站笔记
2025-09-27
09-27
子比主题 – 列表悬停动态气泡与边框样式-汇聚访

实用子比主题 – 列表悬停动态气泡与边框样式

这是一款子比主题类别动态气泡加上边框慢慢淡蓝色样式，原作者是腾飞适配子比主题的，我这里仅供分享，只建议用列表模式的，卡片的话不好看，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接丢到：子比主题–>>自定义CSS样式即可！ /* 子比主题列表悬停动态气泡与边框样式 */ .posts-item { position: relative; overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent; border-radius: 8px; } .posts-item::before { content: ""; position: absolute; top: 0; right:...
2个月前
建站笔记
2025-11-23
11-23
子比主题 – 会员尊享卡片跳转样式-汇聚访

实用子比主题 – 会员尊享卡片跳转样式

这是一款子比主题仿星河主题的会员尊享卡片跳转样式，这款样式应该是腾飞扒下来然后适配的，整体效果一般，没有适配夜间模式，手机版这里没有截图因为看起来比较突兀，有强迫症的还是别用了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！推荐：文章页-顶部全宽度 <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06)...
7天前
建站笔记
2025-08-02
08-02
子比主题 - 首页大屏视频展示-汇聚访

实用子比主题 – 首页大屏视频展示

大家好，今天汇聚访给大家带来一款首页大屏视频展示，这个效果起初我是在大绵羊博客看到的，他的首页就是，感觉挺好看的，他只适配了7b2主题，今天我闲的无聊，就适配了一下子比主题，这个美化效果感觉中规中矩吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在/wp-content/themes/zibll/index.php这个文件下找到：get_header();这个函数，在这个函数?>的下面添加以下代码： <div class="dmy-homevideo"> <div class="ying-homevideo-content ying-homevideo-orientation "> <section class="ying-homevideo-offvideo home-video"> <div class="ying-homevideo-top"> <video id="myVideo" autoplay="" playsinline="" loop="" muted="" src="https://cccimg.com/view.php/795d9ef9b8ccafecebf3a37e d6d2d29b.mp4" width="600" __idm_id__="1048577"> </video> </div> <div class="ying-homevideo-filters"> </div> <div class="ying-dmyblog"> <p class="ying-dmyblogtitle">汇聚访</p>...
3个月前
建站笔记
2025-08-19
08-19
图片素材 - 炫酷图标等级素材-汇聚访

精美图片素材 – 炫酷图标等级素材

今天给大家分享一组炫酷图标等级素材，一共有10级，喜欢的自行下载吧。 演示效果...
3个月前
图文素材
2025-10-20
10-20
Ri主题 - 文章缩略图动态圆圈（代码版）-汇聚访

实用Ri主题 – 文章缩略图动态圆圈（代码版）

这是一款Ri主题缩略图动态圆圈效果，我之前适配过子比主题今天来适配一下Ri主题，这个效果是在鼠标悬浮文章缩略图的时候，会有一个动态波纹形态的白色小圆圈，效果也是十分好看，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/loop/entry-media-part.php中找到以下代码（大概18行左右）： <?php if ($post_format_icon):?> 在这行代码的下方添加以下代码，图片我放在图床了，自行下载本地化！ /*汇聚访：www.huijuf.com*/ <div class="cao-cover"> <img src="https://pic1.imgdb.cn/item/68f622243203f7be00830c76 .svg" width="50" height="50px"> </div> /*汇聚访：www.huijuf.com*/ 随后定位：后台主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .entry-media .cao-cover { position: absolute; top: 0; left: 0; width:...
1个月前
建站笔记
2025-05-25
05-25
子比主题 - 网站底部添加滚动波浪-汇聚访

实用子比主题 – 网站底部添加滚动波浪

今天分享一个自适应的底部波浪部署教程，希望对大家有用！手机端PC端自适应的哦~ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 把下面代码放到主题设置里的自定义CSS代码里！ /*网站底部波浪www.huijuf.com*/ .waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; min-height: 50px; max-height: 80px; } .parallax>use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5)infinite; } .parallax>use:nth-child(1) {...
6个月前
建站笔记
2025-08-09
08-09
子比主题 - 便签提示小工具-汇聚访

实用子比主题 – 便签提示小工具

大家好，今天汇聚访给大家带来一款便签小工具，这个效果感觉还是比较清新的，放在哪里看你自己吧，我推荐放在文章的上面，这样比较好看一点，不喜欢这个颜色的话可以自己修改一下，话不多说直接开始部署教程吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码（当然你直接放在小工具里也是可以的）： /*汇聚访：www.huijuf.com*/ .single-gg,.single-gg-left{display:flex;align-items:center}.single-gg{height:50px}.single-gg-left{flex:1;padding:10px;background-color:#40b0ff;border-radius:8px 0 0 8px}.single-gg-img{height:30px;width:30px}.single-gg-img img{height:100%;width:100%}.single-gg-desc{margin-left:10px;color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;}.single-gg-right{position:relative;display:flex;height:100%;width:100px;justify-content:center;align-items:center;background-color:#40b0ff;border-radius:0 4px 4px 0;border-left:1px dashed #fff}.single-gg-right::after,.single-gg-right::before{content:'';position:absolute;width:10px;height:5px;left:-5px;background-color:#fff}.single-gg-right::before{top:0;border-radius:0 0 5px 5px}.single-gg-right::after{bottom:0;border-radius:5px 5px 0 0}.single-gg-btn{display:block;padding:5px 5px;font-size:14px;background-color:#fff;color:#40b0ff !important;border-radius:4px} /*汇聚访：www.huijuf.com*/ 下面这段代码放在小工具-自定义html里即可： /*汇聚访：www.huijuf.com*/ <div class="single-gg"> <div class="single-gg-left"> <div class="single-gg-img"> <img...
3个月前
建站笔记
2025-04-28
04-28
子比主题 - 用户中心添加UID、注册时间功能-汇聚访

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

这一功能利用了子比主题自带的函数和钩子，能够在用户中心添加一些额外的信息。此外，它还可以自定义样式，使得用户中心显得更加丰富多彩！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到/wp-content/themes/zibll/functions.php或者func.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;...
7个月前
建站笔记
2025-05-01
05-01
子比主题 - 评论框添加背景调皮跳动gif图片-汇聚访

实用子比主题 – 评论框添加背景调皮跳动gif图片

为主题添加一个评论框添加背景调皮跳动gif图片，图片可自定义哦~ 演示效果： 代码部署： [hidecontent type="reply"] 在子比主题设置—自定义CSS样式，添加下面的CSS代码： /*评论背景图*/ /*www.huijuf.com*/ textarea#comment { background-color:transparent; background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(图片链接) right 10px bottom 0px no-repeat; background-size: contain; -moz-transition:ease-in-out 0.45s; -webkit-transition:ease-in-out 0.45s; -o-transition:ease-in-out 0.45s; -ms-transition:ease-in-out 0.45s; transition:ease-in-out...
6个月前
建站笔记
1…1516171819…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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