汇聚访-汇聚访-第14页
用户封面
2.3W+31261
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
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...
子比主题子比美化建站笔记
2025-06-15
06-15
子比主题 - 可爱的返回顶部悬挂猫-汇聚访

实用子比主题 – 可爱的返回顶部悬挂猫

在浏览网页时，想要快速回到顶部？可爱的返回顶部悬挂猫来帮忙啦！它不仅实用，能让你瞬间 “归位”，其萌态更是为网页浏览增添一抹趣味。接下来就一起看看它的奇妙用法吧。 演示效果： 代码部署： [hidecontent type="reply"] 首先上传文件到一个可以访问地方，文件我放在文章附件里了，自行下载即可！接着将代码放入到zibll文件夹下function.php文件中或者新建一个func.php放入其中并进行修改，接着修改szgotop.css中，如下图位置的图片文件地址！ function back_to_top_cat() { echo '<script src="cat.js文件路径"></script> <script type="text/javascript" src="szgotop.js文件路径"></script> <link rel="stylesheet" type="text/css" href="szgotop.css文件路径" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); [/hidecontent]
子比主题子比美化建站笔记
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:...
子比主题子比美化建站笔记
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]
子比主题子比美化建站笔记
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;...
子比主题子比美化建站笔记
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...
子比主题子比美化建站笔记
2025-06-07
06-07
子比主题 - 首页底部登录弹窗模块-汇聚访

实用子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="payshow"] PHPCSS 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面! /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img...
子比主题子比美化建站笔记
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主题...
子比主题子比美化建站笔记
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:...
子比主题子比美化建站笔记
2025-04-24
04-24
子比主题 - 网站进入Loading加载动画-汇聚访

实用子比主题 – 网站进入Loading加载动画

这是一款子比主题Loading加载动画，用户进入网站加载动画效果，很多动画用的是一些组件来做的动画，但是这个不是，这个是直接用的svg动画进行来做网站进场的动画的，原创：星雨博客，喜欢的自行部署一下吧！ 演示效果： 第一种： 第二种： 代码部署： [hidecontent type="reply"] 直接将下面的代码放到：子比主题–>>自定义CSS样式即可，里面有一个图片链接，可以用我的也可以本地保存一下 CSS /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(svg路径链接); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut 3s; animation-fill-mode:...
子比主题子比美化建站笔记
1…1213141516…30跳转
热评