汇聚访-汇聚访-第16页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-09-29
09-29
子比主题 - 炫酷侧边栏样式-汇聚访

实用子比主题 – 炫酷侧边栏样式

这是子比主题的侧边栏样式，这个效果起初是腾飞写的，但是他的手机版加载的时候好像有问题，现在他也不用了，我发出来做个笔记以防丢失，我这里对手机版隐藏了，因为手机版看着太臃肿了。这里只推荐电脑版使用，话不多说喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS自定义底部HTML代码 定位：后台 - 自定义CSS样式中添加以下代码即可（代码已进行压缩）： /*汇聚访：www.huijuf.com*/ .side-nav{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:999}.nav-card{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#fff,#f0f2f5);box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 35px rgba(79,70,229,.15)}.nav-card i{font-size:20px;color:#4b5563;transition:color .3s ease;position:relative;z-index:2}.card-vip{background:linear-gradient(135deg,#5b5fff,#4f46e5);z-index:10}.card-vip i{color:#fff}.card-vip:hover{box-shadow:0 12px 35px rgba(79,70,229,.3)}.mx-card-content{position:absolute;width:220px;padding:18px 20px;background:#fff;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:15px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1;left:-240px;top:50%;transform:translateY(-50%)}.nav-card:hover .mx-card-content{opacity:1;visibility:visible;left:-230px}.content-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:16px;height:16px;background:linear-gradient(135deg,transparent...
2个月前
建站笔记
2025-05-01
05-01
子比主题 - 置顶角标美化-汇聚访

实用子比主题 – 置顶角标美化

为主题增加一个置顶角标美化，话不多说直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下列代码加入后台CSS中即可： /*汇聚访：www.huijuf.com*/ .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left:...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - 自带滑块验证图片修改-汇聚访

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

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
6个月前
建站笔记
2025-08-27
08-27
子比主题 – 二次元文章排行榜小工具-汇聚访

实用子比主题 – 二次元文章排行榜小工具

大家好，今天汇聚访给大家带来一款二次元文章排行榜小工具，之前也发过其他样式的排行榜小工具，这个风格比较偏二次元，作者是苏晨，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] <?php Zib_CFSwidget::create('widget_rank', array( 'title' => 'top-热门排行榜', 'zib_title' => true, 'zib_affix' => true, 'zib_show' => true, 'description' => '二次元风格热门文章排行榜', 'fields' => array( array('title' => '排行榜1名称', 'id' => 'hot_1', 'type' => 'text',...
3个月前
建站笔记
2025-05-06
05-06
子比主题 - 添加一个类似哔哩哔哩客服中心头部banner图-汇聚访

实用子比主题 – 添加一个类似哔哩哔哩客服中心头部banner图

大家好，这次汇聚访给大家带来一款类似哔哩哔哩客服中心头部的banner图，这个效果适合一些做二次元风格的网站，你可以放底部或消息通知页面顶部，适用大多数wordpress主题，有喜欢的自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] CSSHTML 添加进后台自定义css即可 .banner { position: relative; overflow: hidden; height: 183px; background: url(https://blog.zbiwl.com/bilibili/59nm7456wp.jpg@70p) repeat; background-size: 1200px 700px } .banner .banner-content { position: relative; margin: 0 auto; width: 970px } .banner .banner-content...
6个月前
建站笔记
2025-10-10
10-10
子比主题 – 右侧二次元不倒翁样式-汇聚访

实用子比主题 – 右侧二次元不倒翁样式

这是一款适配子比主题的二次元不不倒翁样式效果，适用一些以二次元风格的站点，喜欢的自行部署吧，反正我是觉得看多了有点晕晕的....，别的站点应该也可以用，没什么好说的自行测试吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>子比主题–>>网站统计HTML代码，直接丢里面就可以了，但是要注意的是，里面的JS需要自行更换，因为按钮里面有跳转链接在JS里面，所以你需要下载文章附件自己引入，在JS代码里面搜：www.huijuf.com，替换你的就行了！ <div id="left_layer" class="sakana-tfbk" style="position:fixed; bottom:250px; right:-38px;"> <div id="sakana-widget"></div> <script> function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); } </script> <script async onload="initSakanaWidget()" src="/wp-content/themes/zibll/sakana.js" ></script> </div> [/hidecontent]
1个月前
建站笔记
2025-11-22
11-22
子比主题 - 联系我们页面（第二款）-汇聚访

实用子比主题 – 联系我们页面（第二款）

这是一个第二款适配子比主题的联系我们页面，该效果原作者是宇凌写的但是也有一些问题，我...
8天前
建站笔记
2025-11-13
11-13
WordPress插件 - 文章与数据库优化-汇聚访

实用WordPress插件 – 文章与数据库优化

这是一款Wordpress插件的文章与数据库优化插件，众所周知Wordpress的文...
17天前
功能插件
2025-08-09
08-09
子比主题 - 外链Go页面样式代码-汇聚访

实用子比主题 – 外链Go页面样式代码

大家好，今天汇聚访给大家带来几款go跳转美化，目前市面上已经有许多go跳转美化了，前两天羊总还发了一个go跳转美化的插件，有兴趣可以去看看，在这里我也记录一下以防丢失，大部分都由网络收集而来，喜欢的自行部署吧！ 代码部署： [hidecontent type="reply"] 喜欢哪一款直接替换：/wp-content/themes/zibll/go.php这个文件的所有代码即可！ 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款第十二款 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2021-07-10 * @LastEditTime: 2021-07-10 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description : 一款极其优雅的Wordpress主题...
3个月前
建站笔记
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...
6个月前
建站笔记
1…1415161718…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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