汇聚访-汇聚访-第2页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-11-23
11-23
子比主题 – 侧边付费下载小工具（升级版）-汇聚访

实用子比主题 – 侧边付费下载小工具（升级版）

这是一款根据子比主题自带的付费下载小工具修改的小工具，在原本的基础上添加了一些相关作者信息，这款是炙焰写的，使用了子比主题原生框架，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_widget_pays.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
7天前
建站笔记
2025-11-23
11-23
子比主题 - 弹窗猫耳朵背景样式-汇聚访

实用子比主题 – 弹窗猫耳朵背景样式

这是一款子比主题的弹窗猫耳朵背景样式，不管你打开哪个弹窗背后都会有个猫耳朵的背景，当然图片你也可以找素材自定义，猫耳朵的颜色我采用了主题你设置的基本颜色，这款效果来源于呆萌站长，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码样式中添加下方代码即可： .modal-open .modal::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--focus-color); -webkit-mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; z-index: -1;...
7天前
建站笔记
2025-11-23
11-23
子比主题 – 会员尊享卡片跳转样式-汇聚访

实用子比主题 – 会员尊享卡片跳转样式

这是一款子比主题仿星河主题的会员尊享卡片跳转样式，这款样式应该是腾飞扒下来然后适配的，整体效果一般，没有适配夜间模式，手机版这里没有截图因为看起来比较突兀，有强迫症的还是别用了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！推荐：文章页-顶部全宽度 <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06)...
7天前
建站笔记
2025-05-24
05-24
子比主题 - 分类栏目美化（两款）-汇聚访

实用子比主题 – 分类栏目美化（两款）

网站分类栏目美化的意义主要体现在提升用户体验和视觉吸引力，以及优化搜索引擎排名等方面。本文章将给大家分享两种分类栏目美化的教程哦~ 演示效果①： 演示效果②： 代码部署： [hidecontent type="reply"] 将下方代码加入到后台CSS里即可！图片放在帖子附件里了，可自行下载！ 效果①效果② .index-tab ul>li.active { color: #ffffff00 !important; background-color: #ffffff00 !important; border-radius: 6px; z-index: 1; position: relative; height: 39px; line-height: 44px; background: url(https://img.dmguo.cn/2025/01/20250120091106173.png); background-repeat: no-repeat; -webkit-background-size: 91px 39px; -moz-background-size:...
5个月前
建站笔记
2025-05-06
05-06
子比主题 - 昵称抖音风格字体美化代码-汇聚访

实用子比主题 – 昵称抖音风格字体美化代码

子比用户昵称加一个抖音故障风格字体的美化代码，看着挺不错的，记录一下日后使用。 演示效果： 代码部署： [hidecontent type="reply"] 代码部署就不用说了，css代码放到子比主题自定义css即可。 /*昵称*/.display-name{ text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5); animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);}@keyframes shake-it{ 0%{ text-shadow: 0 0 rgba(0,...
5个月前
建站笔记
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:...
5个月前
建站笔记
2025-05-04
05-04
子比主题 - 文本超链接美化样式-汇聚访

实用子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！原作者是狐狸库哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 丢到：子比主题–>>自定义CSS样式即可！ @font-face { font-family: 'tengfei-font'; src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype'); } .wp-posts-content a:not([class]),.wp-block-list a:not([class]) { color: var(--focus-color); line-height: 1.15em; padding: .1em .35em; font-size: max(.75rem,.75em); border-radius: 2em; background: var(--focus-color-opacity1)...
5个月前
建站笔记
2025-05-06
05-06
子比主题 - 滚动图片广告位-汇聚访

实用子比主题 – 滚动图片广告位25/11/23更新

提高用户体验和关注度：通过采用图片滚动播放的方式来展示网站的主要内容，可以吸引用户的注意力，提高用户的浏览体验和使用率。精美的图片能够快速地反应企业和品牌的最新动态，让用户感到企业是积极进取的。 演示效果： 更新内容： 修复小工具报错的问题 修复小工具图片无法加载的问题 优化小工具代码逻辑 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度 <div class="one"> <ul> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/"...
5个月前
建站笔记
2025-05-01
05-01
子比主题 - 时间胶囊剩余进度小工具-汇聚访

实用子比主题 – 时间胶囊剩余进度小工具

这是一款子比主题时间胶囊剩余进度小工具，给子比侧边加一个剩余进度的非常美观，这款时间进度小工具主要由HTML+CSS+jQuery制作而成，我这边代码都合到一起了！唯一的缺点就是黑夜模式没适配，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：文章页-侧边栏 <style type="text/css"> .time-schedule-main{/*background-color: white;*/border-radius: 8px;display: flex; justify-content: space-evenly; align-items: center;}.today-schedule,.toweek-schedule,.tomonth-schedule,.toyear-schedule{display: inline-block;width: 50px;height: 100px;background-color: white;border: 1px solid #eee;border-radius: 99px;}.wiiuii-schedule-item{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 99px;}.today-item,.toweek-item,.tomonth-item,.toyear-item{position: absolute;background-image: linear-gradient(to right, #a18cd1 0%, #fbc2eb...
5个月前
建站笔记
2025-04-30
04-30
子比主题 - 侧边动态时钟与温馨问候语-汇聚访

实用子比主题 – 侧边动态时钟与温馨问候语

动态的问候语和时间显示能够大大增强用户体验，通过使用 API 接口，我们可以方便地根据时间段提示相关的问候语和温馨提示，非常实用的一个小工具，这个小工具很简单，话不多说直接开始！！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5;...
6个月前
建站笔记
1234…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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