最新发布第45页
子比主题 - 侧边滚动播报小工具（两款）-汇聚访

子比主题 – 侧边滚动播报小工具（两款）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">...
建站笔记
78315
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 给文章侧边加一个滚动公告-汇聚访

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

这是一款子比主题文章侧边小工具，是一款滚动公告的小工具，我觉得比较好看，代码也简单，直接部署就行，喜欢的自行部署，教程我写的很详细！ 演示效果： 代码部署： [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%;...
建站笔记
811710
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 侧栏动态时钟与问候语小工具-汇聚访

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

这是一款实用又美观的动态时钟和问候语提醒小工具，不仅为博客增添人情味，还能与子比主题的深色模式完美兼容！有喜欢的自行查看教程部署吧！ 演示效果： 代码部署： [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>...
建站笔记
1114213
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 首页横向滚动图集样式（两款）-汇聚访

子比主题 – 首页横向滚动图集样式（两款）25/12/4更新

大家好，这次汇聚访给大家带来一款子比主题首页横向滚动图集样式，我觉得还是不错的，就是一个图片横向滚动的一款小工具，喜欢的自行部署一下吧！ 演示效果： 第一款 第二款 更新内容： 优化小工具高度尺寸 新增二次元风格 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！推荐位置：首页-底部全宽度 第一款第二款 <div class="zibll-scrolling-banner-widget"> <div class="home_row show-pc-only"> <div class="wrappers" style="padding:5px"> <div class="home-row-left fa3795 content-area"> <div class=""> <div id="html-box-lbtuysjia" class="html-box"> <div id="html-box-head1" class="html-box"> <div class="toptu"> <div...
建站笔记
612414
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 首页顶部搜索框美化（两款）-汇聚访

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

这是一款子比主题仿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;...
建站笔记
71819
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 合作用户列表图片样式-汇聚访

子比主题 – 合作用户列表图片样式25/10/28修复

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 演示效果： 更新内容： 修复HTML的代码格式问题 修复CSS代码添加到小工具后报错的问题 代码部署： [hidecontent type="payshow"] 一共两个部分的代码，一个是HTML，一个是css样式 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">汇聚访感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style='background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");'></div> <div class="logo-box" style='background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");'></div> <div...
建站笔记
01506
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 动态文章置顶火焰样式-汇聚访

子比主题 – 动态文章置顶火焰样式

这是一款子比主题动态置顶图标，样式效果是呈现火焰动态特效的，也是非常的炫酷，有喜欢的自行部署吧！ 效果演示： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS代码样式中添加以下代码即可： /* * 文章置顶美化开始 * www.huijuf.com */ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54%...
建站笔记
282416
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 网站进入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...
建站笔记
1017710
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 侧边百度一下卡片样式小工具-汇聚访

子比主题 – 侧边百度一下卡片样式小工具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;...
建站笔记
4977
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 侧边栏动态时间小工具-汇聚访

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

这是一款适配于子比主题的彩色时钟美化小工具，可在网站页面中实时显示当前时间。数字采用橙色、紫色与蓝色叠加设计，搭配柔和背景和圆角样式，视觉效果醒目且富有个性，适合放置在侧边栏或其他小工具区域，有需要的朋友可以自行部署使用。 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台小工具 → 文章页-侧边栏 → 自定义HTML中添加下方代码即可： <style>.times{margin:0;padding:0;height:100%;}.times2{height:100%;background:#fff;}.times2 svg{height:100%;width:100%;margin-bottom:-34px;}.words{font-size:60px;font-weight:bold;text-transform:uppercase;fill:none;stroke-width:5px;stroke-dasharray:90,310;animation:drawing 8s linear infinite;}.words-1{stroke:deepskyblue;text-shadow:0 0 50px deepskyblue;animation-delay:-2s;}.words-2{stroke:lightseagreen;text-shadow:0 0 50px lightseagreen;animation-delay:-4s;}.words-3{stroke:orange;text-shadow:0 0 50px orange;animation-delay:-6s;}.words-4{stroke:purple;text-shadow:0 0 50px purple;animation-delay:-8s;}@keyframes drawing{100%{stroke-dashoffset:-400;}}</style> <div class="sidebox sidebox--desk"> <div class="times"> <div class="sidebox__content"...
建站笔记
614211
汇聚访的头像-汇聚访核心会员汇聚访1年前
1…43444546跳转