汇聚访-汇聚访-第2页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-08-03
08-03
子比主题 - 仿7b2极主题顶部导航样式-汇聚访

实用子比主题 – 仿7b2极主题顶部导航样式

大家好，我是汇聚访，今天给大家分享的是子比主题仿7b2极主题顶部导航样式，这个效果我在鹿语和呆萌的网站上看到的，觉得挺不错的然后就自己仿了一个，这个效果我只适应了电脑端导航布局的第一个布局，如果你要用的话做好心理准备，布局二和三我都没有适配，因为太麻烦了，你修改之后用布局二和三可能会错乱，本教程需修改原主题文件，请备份好原主题文件再进行修改，以防文件丢失或系统崩溃，话不多说了，直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 首先是css样式（会员充值的css样式），图片我推荐本地化，以防丢失，代码如下： /*汇聚访：www.huijuf.com*/ .Onecad_header_vip { background: url(https://img.dmguo.cn/2025/03/20250319172047784.png) no-repeat 50% / 120px; display: block; position: absolute; margin-right: 5px; padding: 0 70px; width: 25px; height: 40px; bottom: -8px; right: 12vh; } /*汇聚访：www.huijuf.com*/ .Onecad_header_vip_topi...
3个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章列表果冻弹跳效果-汇聚访

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

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 演示效果： 代码部署： [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) rotate(0)}to{transform:translateY(0) scaleX(1)...
6个月前
建站笔记
2025-07-21
07-21
子比主题 - 动态星空背景-汇聚访

实用子比主题 – 动态星空背景

大家好，今天汇聚访给大家带来一款夜间模式仿星空流动的动态背景特效，这个效果白天和黑夜模式都有，白天不太明显。黑夜模式的比较好看，这个效果是仿的小樱博客的，今天分享给大家，希望对大家有帮助，如果觉得白天模式不好看，请自行适配白天模式！ 演示效果： 代码部署： [hidecontent type="payshow"] ①首先在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .dark-theme { background: var(--body-bg-color) fixed center / cover; } .stars { display: none; position: fixed; bottom: 0; left: 50%; transform: perspective(500px); transform-style: preserve-3d; perspective-origin: 50% 100%; animation: stars_anime...
4个月前
建站笔记
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...
6天前
建站笔记
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
子比主题 - 评论区显示漂亮的用户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-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-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个月前
建站笔记
1234…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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