汇聚访-汇聚访-第26页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省漯河市管理员
发布293
排序
2025-05-07
05-07
子比主题 - 冬日奇境主题美化插件-汇聚访

实用子比主题 – 冬日奇境主题美化插件

子比主题·冬日奇境是一款专为WordPress子比主题设计的冬季圣诞节风格美化插件。...
WP插件子比主题子比美化美化插件
2025-05-14
05-14
子比主题 - PC底部展示网易云热评-汇聚访

实用子比主题 – PC底部展示网易云热评

这个原创是由星雨博客站长做的，最初是打算做成冒泡上浮的那种效果，后来觉得简洁的弹窗更为合适，这个弹窗我一共做了两种效果，才呈现出来现在的效果，有能力的小伙伴可进行二次开发创作，那么废话不多说，直接来看效果！ 演示效果： 第一款： 第二款： 代码部署： [hidecontent type="payshow"] 效果①效果② 进入wordpress后台-外观-小工具-自定义html代码-所有页面 底部全宽度 <div id="wniui-popup-window" class="wniui-show-popup-window"> <div class="wniui-popup-header"> <div class="wniui-popup-window-title">网易云热评</div> <span id="wniui-popup-username"></span> <a id="music-link" href="" target="_blank" style="position: absolute; top: 8px; right: 10px;"> <svg style="transition: .3s;height:30px;width:30px;" t="1740280523955" class="icon" viewbox="0...
子比主题子比美化建站笔记
2025-05-14
05-14
子比主题 - 添加灵动岛样式美化-汇聚访

实用子比主题 – 添加灵动岛样式美化

这是一款模仿苹果灵动岛一个样式代码，代码是扒的mac站长的一个样式，然后对于灵动岛，里面是比如用户访问哪个页面或者文章分类等，他会调用该页面的标题来欢迎的灵动岛，消息和用户中心我是单独判断的一个样式，话不多说直接上演示！ 演示效果： 代码部署： [hidecontent type="payshow"] 自定义CSS自定义头部HTMLPHP .dynamic-island:hover img {width:30px; height:30px;;} .bars {display:flex;align-items:center; justify-content:flex-end; gap:3px;} .bar {width:2px;height:13px;background-color:green;animation:bounce 1s infinite ease-in-out;animation-direction:alternate;} .bar:nth-child(1) {animation-duration:1s;} .bar:nth-child(2) {animation-duration:0.9s;} .bar:nth-child(3) {animation-duration:0.8s;} .bar:nth-child(4) {animation-duration:0.7s;} .bar:nth-child(5) {animation-duration:0.6s;} .bar:nth-child(6) {animation-duration:0.9s;} .bar:nth-child(7) {animation-duration:0.7s;} .dynamic-island {position:fixed;top:80px;left:50%;transform:translateX(-50%)...
子比主题子比美化建站笔记
2025-05-08
05-08
子比主题 - 子比虚拟用户管理插件v4.5-汇聚访

实用子比主题 – 子比虚拟用户管理插件v4.5

子比虚拟用户管理插件不是简单的数据造假工具，而是通过智能化的用户行为模拟，帮助优质内...
WP插件子比主题功能插件
2025-05-18
05-18
子比主题 - 旋转小人小工具-汇聚访

实用子比主题 – 旋转小人小工具

今天逛友链的时候,看到一个十分漂亮的小工具，于是就扒了下来，在这里分享给大家哦·~ 演示效果： 代码部署： [hidecontent type="payshow"] JS代码和CSS及其图片都可以放在本地，以防丢失哦~ <div style="background:#fff;border-radius:15px;padding:10px 20px;" class="card-widget card-announcement"> <div class="item-headline"><i style="font-size:20px;color:red;" class="fa fa-bullhorn"> </i> <span style="font-size:15px;font-weight:700;margin-left:3px;line-height:15px;"> 公告</span></div> <div class="announcement_content">        <p>不定时更新博客，欢迎交换<a href="/links.html"><strong>友链</strong></a>...</p> <div class="twopeople"> <div class="container" style="height:200px;"><canvas class="illo" width="1200" height="1200"...
子比主题子比美化建站笔记
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-05-24
05-24
子比主题 - 自带滑块验证图片修改-汇聚访

实用子比主题 – 自带滑块验证图片修改

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
子比主题子比美化建站笔记
2025-05-24
05-24
子比主题 - 文章角标及封面图底部美化代码-汇聚访

实用子比主题 – 文章角标及封面图底部美化代码

今天分享的教程是WordPress子比主题美化教程：文章角标及封面图底部美化。简单的来说，就是在文章发布页面增加一个附加选项，可以通过这个附加选项达到我们想要的美化效果！文章发布时可在编辑页底部自行配置输入内容以及颜色，不填写内容则不显示。 演示效果： 代码部署： [hidecontent type="payshow"] 1.Zibll主题设置>>全局&功能>>自定义代码>>自定义CSS样式！ /*角标css*/ .posts-item.card .item-thumbnail { background:#c4cffa26; width:100%; padding-bottom:var(--posts-card-scale); } a.item-category { position:absolute; left:10px; top:10px; padding:5px 6px; font-size:1rem; line-height:1; color:#fff; background:var(--theme-color); border-radius:6px; } a.item-category-app { position:absolute; height:24px; line-height:24px; width:100%; text-align:center; bottom:0;...
子比主题子比美化建站笔记
2025-05-31
05-31
子比主题 - 专题&分类聚合卡片上移-汇聚访

实用子比主题 – 专题&分类聚合卡片上移

这是一个子比主题小工具分类聚合卡片，今天看到别的站点这个挺好看的，然后就弄了下来，今天分享给大家！原作者是狐狸库！！ 演示效果： 代码部署： [hidecontent type="reply"] 把下方代码放到自定义代码css中 两个二选一 都一样！ 第一款第二款 .clearfix .zib-widget.term-aggregation .term-img { width: 18.5em; } .clearfix .zib-widget.term-aggregation .term-img .graphic { margin-top: -40px; } @media screen and (min-width:1024px) and (max-width: 1240px) { .clearfix .zib-widget.term-aggregation .term-img...
子比主题子比美化建站笔记
2025-05-24
05-24
子比主题 - 仿哔哩哔哩网站页面回顶部的火箭-汇聚访

实用子比主题 – 仿哔哩哔哩网站页面回顶部的火箭

网站添加一个仿哔哩哔哩网站页面回顶部的火箭，小白式部署方式，喜欢的可以设置一波。 演示效果： 代码部署： [hidecontent type="payshow"] 如果是子比主题的话直接填在主题设置里的头部自定义html里即可，其他主题请自行测试！！ HTMLCSSJS图片素材 <div class="to-top"></div> /*小火箭*/ .to-top { position: fixed; display: none; bottom: 100px; right: 20px; width: 62px; height: 85px; cursor: pointer; background-image: url(图片地址); background-position: -40px -44px; transition: transform 0.3s ease-in;...
子比主题子比美化建站笔记
1…2425262728…30跳转
热评