汇聚访-汇聚访-第20页
用户封面
4.5W+42812
汇聚访的头像-汇聚访
核心会员汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访333天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布422
排序
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)...
4个月前
建站笔记
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...
7个月前
建站笔记
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:...
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-09-27
09-27
子比主题 – 给侧边加个古诗一言小工具-汇聚访

实用子比主题 – 给侧边加个古诗一言小工具

这是子比主题的古诗一言小工具，效果还是挺不错的，可以自行修改文案文字以及图片显示，放在侧边栏比较好看，很有韵味，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 推荐在侧边栏放置，定位：外观 - 小工具 - 自定义html代码中添加以下代码即可： <style type="text/css"> .wiiuii-suiji-main span{color:#fff}.wiiuii-suiji-main{background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;height:320px;border-radius:var(--main-radius);position:relative}.wiiuii-suiji-header{display:flex;justify-content:space-between}.xingyu-dt-ty{padding:20px;display:flex;flex-direction:column}.xingyu-dt-day{font-size:60px;font-weight:700;color:#fff}.xingyu-sj-date{font-size:16px;font-weight:700;color:#fff}.xingyu-sjzt-ty{line-height:25px;height:200px;writing-mode:vertical-rl;padding:15px;color:#fff;font-size:15px}.xingyu-sj-qhbtn{position:absolute;bottom:30px;padding:10px}.xingyu-sj-qhbtn>span>i{font-size:16px}.xingyu-sj-qhbtn span:hover{color:#f44336}.xingyu-sjtitle-ty{position:absolute;bottom:0;text-align:center;left:0;right:0;bottom:0;padding:5px} </style> <div class="wiiuii-suiji-main"> <div class="wiiuii-suiji-header"> <div class="xingyu-dt-ty"> <span class="xingyu-dt-day wiiuiiDay"></span> <p class="xingyu-sj-date"> <span class="wiiuiiYear"></span> <span class="wiiuiiMonth"></span> </p> </div> <div...
6个月前
建站笔记
2025-04-27
04-27
子比主题 - 给文章侧边加一个滚动公告-汇聚访

实用子比主题 – 给文章侧边加一个滚动公告

这是一款子比主题文章侧边小工具，是一款滚动公告的小工具，我觉得比较好看，代码也简单，直接部署就行，喜欢的自行部署，教程我写的很详细！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <!--汇聚访：www.huijuf.com--> <style> @keyframes move { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } .show-notice { width: 100%; overflow: hidden; } .show-notice-hello { float: left; width: 15%;...
11个月前
建站笔记
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) {...
10个月前
建站笔记
2025-08-10
08-10
子比主题 - 为评论区添加私密评论-汇聚访

实用子比主题 – 为评论区添加私密评论

大家好，今天汇聚访给大家带来一款子比主题的私密评论部署教程，这个主要是为了方便用户隐私，代码好像有点bug，但是不影响使用，今天就分享给大家，顺便做个记录，话不多说开始部署教程！ 演示效果： [hidecontent type="reply"] func.phpcomments文件js代码 首先我们要在目录：/wp-content/themes/zibll/func.php文件，没有这个文件自己创一个，记住创建之后要记得加php头，话不多说直接开始，将下面的代码放到：/wp-content/themes/zibll/func.php文件里面 function zyx_scripts(){ if (!is_admin()) { $script = array( 'smminjs' => '改为你的js链接', ); foreach( $script as $k => $v ){ wp_register_script( $k, $v, array(), '2.4.0', true); }; wp_enqueue_script('smminjs'); if (is_singular())...
7个月前
建站笔记
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:...
8个月前
建站笔记
2025-09-27
09-27
子比主题 – 侧边动态时钟样式美化（两款）-汇聚访

实用子比主题 – 侧边动态时钟样式美化（两款）

这是子比主题的一款小工具样式，推荐放在子比主题的侧边栏位置，一共两款样式同时适配了黑夜模式，喜欢哪个样式自行部署即可，不要同时部署，会出问题！！有喜欢的自行部署吧！ 演示效果¹（白天渐变昼夜黑色） 演示效果²（白天白色昼夜黑色） 代码部署： [hidecontent type="reply"] 喜欢哪一款部署哪一款，不要两个都部署，要不然白天的颜色都会变成白色！ 定位：WP后台–>>外观–>>小工具–>>自定义HTML，把下方样式的代码放进去即可！ 样式一（渐变+黑色）样式二（白色+黑色） <style> .dynamic-clock { background: linear-gradient(135deg, #6e8efb, #a777e3); border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); margin: 20px auto; max-width: 500px; color: white;...
6个月前
建站笔记
1…1819202122…43跳转
欢迎光临~
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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