汇聚访-汇聚访-第3页
用户封面
3.3W+38421
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访257天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省驻马店市管理员
发布374
排序
2025-10-03
10-03
子比主题 - 幻灯片循环滚动波浪动画-汇聚访

实用子比主题 – 幻灯片循环滚动波浪动画

这是子比主题的一款幻灯片循环滚动波浪动画，可以放在任何位置，我这里放在了多功能组件这里，看起来非常不错，教程也比较简单属于一键部署，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS 定位：网站后台->Zibll主题设置->全局&功能->自定义代码->自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .parallax { fill: var(--body-bg-color); } .parallax > use { animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; opacity:...
1个月前
建站笔记
2025-11-24
11-24
子比主题 - 用户个人信息小工具动态钟表样式-汇聚访

实用子比主题 – 用户个人信息小工具动态钟表样式

这是一款子比主题仿Emlog里的一款主题样式的，这个不仅可以用在用户个人中心小工具，同时还可以用在文章作者信息小工具里，我都适配好了，此效果仅在网站用户登录时候才显示，我懒得适配未登录了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php找到函数：zib_get_user_card_box（大概在700多行左右），随后在这个函数内部找到$cover这个变量名，你会看到以下代码： $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;">' . get_user_cover_img($user_id) . '</div>' : ''; 随后把此段代码替换为以下代码： /*汇聚访：www.huijuf.com*/ $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;"><div class="zibbox-clock-item"><div class="zibbox-clock_box"><svg class="ete_clock_clock"xmlns="http://www.w3.org/2000/svg"viewBox="0...
21天前
建站笔记
2025-09-20
09-20
子比主题 - 简约侧边栏样式-汇聚访

实用子比主题 – 简约侧边栏样式

今天汇聚访给大家带来一款新的侧边栏样式，这是比较简约的一款样式，原作者应该是腾飞，之前也发过一种侧边栏样式，那个看起来比较花，但是这个比较简约，萝卜青菜各有所爱嘛，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比后台设置-自定义底部HTML代码中添加以下代码即可（代码没有压缩，方便编辑，觉得太长的可以压缩一下！）： <div class="comfortable-nav"> <div class="nav-item vip-item-right"> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <i class="fa fa-diamond nav-icon"></i> <div class="vip-panel"> <h4><i class="fa fa-diamond"></i> 开通会员享特权</h4> <div class="vip-benefits"> <div class="vip-benefit"> <i class="fa fa-check"></i> <span>专属内容无限访问</span></div>...
2个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章列表果冻弹跳效果-汇聚访

实用子比主题 – 文章列表果冻弹跳效果

这是一款子比主题文章列表果冻弹跳效果美化，开启此效果后，当鼠标经过文章列表的任何区域都会出现类似果冻弹跳的效果一样，总的来说还是可以的，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*样式开始www.huijuf.com*/ posts.posts-item.card.ajax-item:hover{-webkit-animation:jumps-data-v-6bdef187 1.2s ease 1;animation:jumps-data-v-6bdef187 1.2s ease 1;}@-webkit-keyframes jumps-data-v-6bdef187{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95)...
6个月前
建站笔记
2025-05-31
05-31
图片素材-二次元等级图标素材-汇聚访

精美图片素材-二次元等级图标素材

今天给大家分享一下本站的二次元等级素材图标，希望大家喜欢！ 演示效果： ...
6个月前
图文素材
2025-08-12
08-12
子比主题 - 全局边框及卡片拟态动漫小人美化-汇聚访

实用子比主题 – 全局边框及卡片拟态动漫小人美化

大家好，今天汇聚访给大家带来一款子比主题的边框样式的美化，这个是给全局增加了黑色的线条边框，同时呢也给卡片增添了拟态效果和动漫小人，适合动漫风格的网站，话不多说直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 把下方代码添加到子比后台-自定义css样式里即可，图片如果相关调整图片链接即可： posts.posts-item.list.ajax-item.flex, .zib-widget, .main-bg { border: 2px solid #1d1d1d; } .posts-item { border: 2.5px solid #212121; } .item-body::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 1px; background-image:...
3个月前
建站笔记
2025-05-01
05-01
子比主题 - 评论区显示漂亮的用户ID徽章背景二次元样式-汇聚访

实用子比主题 – 评论区显示漂亮的用户ID徽章背景二次元样式

为主题添加一个背景二次元样式的徽章，图片都是随机的，根据用户UID显示编号哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管）或者说放入functions.php里面也可以 PHPCSS function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list =...
6个月前
建站笔记
2025-07-22
07-22
子比主题 - 用户个人中心小工具美化-汇聚访

实用子比主题 – 用户个人中心小工具美化

大家好，今天汇聚访给大家带来这一款zibll主题的用户个人中心小工具的美化教程，这个效果我依旧是在腾飞的网站上看到的，腾飞没发教程，我觉得好看就仿了一个，效果大致一样吧，总之大差不差吧，该教程需要修改主题源文件，请大家使用前先备份，以防主题文件丢失或网站程序崩溃，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 第一步: 首先在Zibll主题设置-自定义CSS样式中添加以下代码（注：之前发过那两个按钮的美化教程，本贴内的CSS样式中不再含有相关代码，请自行去那个文章里寻找，那个文章我会放到本文章的底部。）： .user-card { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(71,135,236,.06); margin-bottom: 20px; } /*汇聚访：www.huijuf.com*/ .widget-user { padding: 0 !important; background: 0 0 !important; } /*汇聚访：www.huijuf.com*/...
4个月前
建站笔记
2025-11-16
11-16
子比主题 – 滚动推荐卡片小工具（第二版）-汇聚访

实用子比主题 – 滚动推荐卡片小工具（第二版）

这是一款子比主题的滚动推荐卡片小工具，今天发的这个版本是这个小工具的第二版本，适配了一些不同尺寸的电子设备，同时在右侧的卡片添加了气泡上浮的一个效果也是非常的好看，还有几个不同的版本，后续我也会发出来，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后添加以下代码： $widgets_files = array( 'ZibBox_customtwo.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/ZibBox/widgets/' . $file; } 添加完随后在文章下载相关附件，之后解压到/wp-content/themes/zibll即可！ [/hidecontent]
30天前
建站笔记
2025-04-27
04-27
子比主题 - 侧栏动态时钟与问候语小工具-汇聚访

实用子比主题 – 侧栏动态时钟与问候语小工具

这是一款实用又美观的动态时钟和问候语提醒小工具，不仅为博客增添人情味，还能与子比主题的深色模式完美兼容！有喜欢的自行查看教程部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div>...
7个月前
建站笔记
12345…38跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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