汇聚访-汇聚访-第3页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-04-29
04-29
子比主题 - 文章标签美化-汇聚访

实用子比主题 – 文章标签美化

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码中添加以下代码即可： /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags...
7个月前
建站笔记
2025-04-27
04-27
子比主题 - 首页横向滚动图集样式-汇聚访

实用子比主题 – 首页横向滚动图集样式

大家好，这次汇聚访给大家带来一款子比主题首页横向滚动图集样式，我觉得还是不错的，就是一个图片横向滚动的一款小工具，喜欢的自行部署一下吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <style> .item.scroll { left: 0px; width: 100%; height: 420px; background-size: auto 100%; pointer-events: none; background-position: center center; background-repeat: no-repeat; transition: opacity 0.3s ease 0s; white-space: nowrap; overflow: hidden; position:...
7个月前
建站笔记
2025-04-27
04-27
子比主题 - 侧边滚动播报小工具（两款）-汇聚访

实用子比主题 – 侧边滚动播报小工具（两款）25/11/23更新

一共两款子比主题侧边滚动播报小工具，分别为美化版本和简洁的版本，喜欢的自行部署，放到文章页侧边比较合适！ 演示效果： 第一款 第二款 更新内容： 修复第二版样式的小工具报错 为第二款样式的小工具增添白色背景 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML！ 第一款第二款 <section id="custom_html-2" class="widget_text widget widget_custom_html mar16-b"> <meta charset="utf-8"> <div class="textwidget custom-html-widget"> <aside id="php_text-8" class="widget php_text wow fadeInUp" data-wow-delay="0.3s"> <div class="textwidget widget-text"> <style type="text/css">...
7个月前
建站笔记
2025-04-27
04-27
子比主题 - 给文章侧边加一个滚动公告-汇聚访

实用子比主题 – 给文章侧边加一个滚动公告

这是一款子比主题文章侧边小工具，是一款滚动公告的小工具，我觉得比较好看，代码也简单，直接部署就行，喜欢的自行部署，教程我写的很详细！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <!--汇聚访：www.huijuf.com--> <style> @keyframes move { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } .show-notice { width: 100%; overflow: hidden; } .show-notice-hello { float: left; width: 15%;...
7个月前
建站笔记
2025-04-25
04-25
子比主题 - 首页顶部搜索框美化（两款）-汇聚访

实用子比主题 – 首页顶部搜索框美化（两款）

这是一款子比主题仿B2主题搜索框的一个样式，分享两款方形首页搜索框美化样式，非常实用的一款子比首页搜索框美化，第二款只不过就比第一款多了点边框样式，喜欢的自行部署下吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 将CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到子比主题–>>自定义javascript代码 第一种第二种 CSSJS /*汇聚访：www.huijuf.com*/ .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px;...
7个月前
建站笔记
2025-04-24
04-24
子比主题 - 侧边百度一下卡片样式小工具-汇聚访

实用子比主题 – 侧边百度一下卡片样式小工具25/11/23更新

今天给大家带来一款全新设计的小卡片，清新美观，这一个小工具没打算写小工具，因为功能太少，直接用代码实现即可！原作者是星雨写的，黑夜模式状态下会发光，喜欢的自行部署吧！ 演示效果： 更新内容： 修复小工具SVG图片丢失问题 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ <style> .input__container { position: relative; padding: 10px 15px; display: flex; justify-content: center; align-items: center; gap: 5px; border-radius: 22px; max-width: 300px; transition: transform 400ms; transform-style: preserve-3d; perspective: 500px;...
7个月前
建站笔记
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个月前
建站笔记
2025-04-24
04-24
子比主题 - 网站进入Loading加载动画（两款）-汇聚访

实用子比主题 – 网站进入Loading加载动画（两款）25/10/28更新

这是一款子比主题Loading加载动画，用户进入网站加载动画效果，很多动画用的是一些组件来做的动画，但是这个不是，这个是直接用的svg动画进行来做网站进场的动画的，原创为星雨博客，喜欢的自行部署一下吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS代码中添加以下代码即可： 第一款第二款 /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(https://pic1.imgdb.cn/item/690042a83203f7be00a8ee38 .svg); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut...
7个月前
建站笔记
2025-04-24
04-24
子比主题 - 侧边栏动态时间小工具-汇聚访

实用子比主题 – 侧边栏动态时间小工具

大家好，本次汇聚访给大家带来一款子比主题的侧边栏动态时间小工具，这个小工具的效果还是比较炫酷的，当然每个人的眼光不同，唯一的缺点就是没有适配黑夜模式，话不多说有喜欢的可以自行部署吧。 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台小工具 → 文章页-侧边栏 → 自定义HTML中添加下方代码即可： /*汇聚访：www.huijuf.com*/ <style> .times { margin: 0; padding: 0; height: 100%; } .times2 { height: 100%; background: #fff; } .times2 svg { height: 100%; width: 100%;...
7个月前
建站笔记
2025-04-24
04-24
子比主题 - 动态时钟小工具-汇聚访

实用子比主题 – 动态时钟小工具25/11/23更新

这是一款适配子比主题的动态粒子掉落的动态时钟小工具，放到文章内页的侧边非常的美观，这个美化也是比较老了，总体来说还可以，夜间模式也适配过了，喜欢的自行去部署吧！ 演示效果： 更新内容： 修复部署之后小工具无法显示的问题 增添了子比主题自带的小工具样式类 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可，里面的js目录你自己上传一下本地然后拿一下链接就可以了！ HTMLJS /*汇聚访：www.huijuf.com*/ <div class="zib-widget card-content"> <canvas id="canvas" style="width:100%;" width="820" height="250"></canvas> <script src="js目录"></script> </div> /*汇聚访：www.huijuf.com*/ /*汇聚访：www.huijuf.com*/ (function(){var t=820;var a=250;var r=7;var n=10;var e=.65;var f;var o=[];const v=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"];var h=[];var u=[[[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],[[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],[[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],[[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],[[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]];function...
7个月前
建站笔记
12345…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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