汇聚访-汇聚访
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省漯河市管理员
发布293
排序
2025-05-24
05-24
WordPress子比主题美化教程合集（持续更新）-汇聚访

独家WordPress子比主题美化教程合集（持续更新）25/9/15更新

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集，使用之前先参考本站，若觉得实用就拿去用吧，我会不定时更新，如有长期未更新或者不能使用的请留言。 注意说明 每个人的审美观念不一样，所以请先参考本站或测试在用的美化。 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后再进行美化。 主题美化可能会对主题文件进行修改，更新时请及时备份主题美化的文件，或者收藏本站，以免一些主题页面或美化效果丢失。 子比主题美化都是站长自己鼓捣、测试后才发布的，完全免费，开放。 教程及说明 （最新版）CSS代码添加到子比主题后台设置->自定义代码->自定义CSS样式 （最新版）JS即javascript代码添加到子比主题后台设置->自定义代码->自定义javascript代码 （最新版）没有特殊说明的小工具，自定义HTML小工具添加网站后台->外观->小工具->点击【自定义HTML】选择放置的位置->把代码复制进去，保存即可。 其他添加方式的，我会在教程里告知，若只需添加CSS+JS的教程，我不重复告知了，请注意看上面的方法。 教程按是更新时间排序，最新的美化教程排在最后面-页码越往后越新！ 1.logo扫光 CSS代码：后台子比主题设置->自定义代码->自定义CSS样式 /* logo扫光开始www.huijuf.com*/ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg);...
子比主题子比美化建站笔记
2025-09-04
09-04
ZibBox主题 – 最新版v1.0.6已更新-汇聚访

独家ZibBox主题 – 最新版v1.0.6已更新[2025-10-13][更新日志]

温馨提示：更新主题请务必记得清空浏览器缓存、刷新CDN缓存、刷新Redis或Memc...
WP插件子比主题WordPress子比美化美化插件
2025-05-07
05-07
子比主题 - 文章顶部信息v4.0版本(插件版)-汇聚访

实用子比主题 – 文章顶部信息v4.0版本(插件版)

本插件由墨星博客站长开发制作，开发不易。本次更新内容为： 1.新增后台 可自由...
WP插件子比主题子比美化美化插件
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*/...
子比主题子比美化建站笔记
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-07-22
07-22
子比主题 - 用户信息小工具底部两个按钮美化-汇聚访

实用子比主题 – 用户信息小工具底部两个按钮美化

今天汇聚访给大家带来用户信息小工具底部两个按钮的美化教程，这个效果最开始是在腾飞博客看到的，个人感觉挺好看的，于是就扒了下来，今天就分享给大家吧，每个人的观感不同，自己觉得好看的自行部署吧！代码部分我发了两个版本，一个压缩版和一个未压缩自行部署。 演示效果： 代码部署： [hidecontent type="reply"] 直接到子比后台设置-自定义CSS样式中添加以下代码： 压缩版未压缩 /*汇聚访：www.huijuf.com*/ .user-btns { margin-top: 20px !important; display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; padding-bottom: 4px; } /*汇聚访：www.huijuf.com*/ .user-btns .btn-newadd, .user-btns .jb-pink { background: linear-gradient(90deg,#ff92ac 0,#fd6dcb...
子比主题子比美化建站笔记
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...
子比主题子比美化建站笔记
2025-06-09
06-09
子比主题 - 全局B2弹窗提醒样式美化-汇聚访

实用子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML 放在子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative;...
子比主题子比美化建站笔记
2025-05-04
05-04
子比主题 - 网站底部按钮美化-汇聚访

实用子比主题 – 网站底部按钮美化

今天逛博客的时候发现一款非常好看的网站底部按钮，索性就扒了下来，现在分享给大家吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 代码分两部分，一个CSS，一个HTML哦~ CSSHTML <style type="text/css">/*底部页脚www.huijuf.com*/.github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; /*line-height: 15px;*/ background-color: #abbac3; margin-bottom: 5px;}.github-badge .badge-subject { display: inline-block; background-color: #f6b044; padding: 4px 4px...
子比主题子比美化建站笔记
2025-05-31
05-31
子比主题 - 文章详情页带Tab切换美化-汇聚访

实用子比主题 – 文章详情页带Tab切换美化

大家好，今天汇聚访给大家带来子比主题的文章详情页带Tab切换的功能，这个效果是腾飞先整出来的，适合所有子比站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图！ 然后我们将一整块替换我下面的代码，直接替换我修改过的代码！ function zib_single() { zib_single_header(); do_action('zib_single_before'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 详情</div> <div class="tab"...
子比主题子比美化建站笔记
123…30跳转
热评