汇聚访-汇聚访-第13页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-04-29
04-29
子比主题 - 分页按钮美化-汇聚访

实用子比主题 – 分页按钮美化

为你的网站添加翻页按钮美化，颜色随主题色自适应！ 演示效果： 代码部署： [hidecontent type="payshow"] 添加以下css代码到后台即可 /*页码样式微调*/ /*www.huijuf.com*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95,...
子比主题子比美化建站笔记
2025-04-30
04-30
子比主题 - 文章顶部添加按钮样式-汇聚访

实用子比主题 – 文章顶部添加按钮样式

在浏览论坛时，我注意到一种非常吸引人的按钮样式。这个样式非常适合放在文章的开头，提升整体的视觉效果。同时，这个按钮也具有实用的功能。如果你感兴趣，可以自行进行部署哦！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：Zibll主题设置 – 文章内页 – 文章插入内容，前后自己选 <style> .hoayue_button_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px 0; width: 100%; box-sizing: border-box; } /*www.huijuf.com*/ .hoayue_button_block { display: flex; align-items:...
子比主题子比美化建站笔记
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;...
子比主题子比美化建站笔记
2025-08-15
08-15
子比主题 -  优雅设计底部会员浮窗效果-汇聚访

实用子比主题 –  优雅设计底部会员浮窗效果

大家好，今天汇聚访给大家带来一款优雅的底部会员浮窗效果，这个效果是底部每个页面都有，手机端进行了隐藏，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义头部HTML代码中添加以下代码： <style> /*汇聚访：www.huijuf.com*/ @media (max-width: 767px) { #ceo-footer-vip { display: none !important; } } /*汇聚访：www.huijuf.com*/ .ceo-footer-vip{ width:100%; position:fixed; left:0; bottom:0; z-index:999; box-sizing:border-box; } /*汇聚访：www.huijuf.com*/ .ceo-footer-vipmk{ width:1034px; position:relative; background:#fff; border-radius:6px; margin:0...
子比主题子比美化建站笔记
2025-04-28
04-28
子比主题 - 小工具标题美化-汇聚访

实用子比主题 – 小工具标题美化

这是我在某一个站点看到的，然后扒了下来，小工具的位置自己调整哦~ 演示效果： 代码部署： [hidecontent type="payshow"] HTMLCSS <div class="file-format" data-v-2775696c=""><span id="index-xtips" class="txt-file-format" data-v-2775696c="">超强生产力，动力足！</span> <span class="file-format-icons" data-v-2775696c=""><i class="icon_ps" data-v-2775696c=""></i> <i class="icon_ai" data-v-2775696c=""></i> <i class="icon_sketch" data-v-2775696c=""></i> <i class="icon_3dMax" data-v-2775696c=""></i> <i class="icon_cdr" data-v-2775696c=""></i> <i class="icon_c4d" data-v-2775696c=""></i> <i class="icon_blender" data-v-2775696c=""></i></span></div>...
子比主题子比美化建站笔记
2025-08-19
08-19
子比主题 - 专题&聚合卡片文章数量悬浮-汇聚访

实用子比主题 – 专题&聚合卡片文章数量悬浮

大家好，今天汇聚访给大家带来一款专题&聚合卡片文章数量的悬浮效果，这是我昨天没意思的时候瞎研究出来的，背景颜色和字体颜色你都可以随意修改，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在子比后台-自定义css样式中添加以下代码（分享请保留本站版权）： /*汇聚访：www.huijuf.com*/ sapn.px12.muted-3-color { position: absolute; padding: 3px 8px; font-size: 10px; top: -10px; color: var(--this-color); left: 33px; border-radius: 99px; background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); --this-color: #fff; } /*汇聚访：www.huijuf.com*/ [/hidecontent]
子比主题子比美化建站笔记
2025-04-24
04-24
子比主题 - 侧边百度一下卡片样式小工具-汇聚访

实用子比主题 – 侧边百度一下卡片样式小工具

今天给大家带来一款全新设计的小卡片，清新美观，这一个小工具没打算写小工具，因为功能太少，直接用代码实现即可！ 演示效果： 代码部署： [hidecontent type="payshow"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ HTMLCSSJS <div class="wniui-seach"> <span class="wniui_prefix wniui-baidu jb-pink">百度一下</span> <div class="input__container"> <div class="shadow__input"></div> <input type="text" name="text" class="input__search" placeholder="汇聚访"> <button class="input__button__shadow"> <img src="https://www.huijuf.com/wp-content/themes/zbbox/images/index/search.svg" alt="搜索"> </button> </div> </div> <style> .input__container { position: relative;...
子比主题子比美化建站笔记
2025-10-01
10-01
子比主题 - 新版文章卡片广告位小工具-汇聚访

实用子比主题 – 新版文章卡片广告位小工具

这是子比主题的一款文章卡片广告位小工具，之前也发过这个小工具只不过那个看着有点简陋，这个是在那个的基础上又增添了一些新东西，设置选项也增加了许多，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll在这个路径下的functions.php或者是func.php中添加以下代码： if (file_exists(get_theme_file_path('/inc/widgets/ad-card-widget.php'))) { require_once get_theme_file_path('/inc/widgets/ad-card-widget.php'); } /*汇聚访：www.huijuf.com*/ 然后把本文附件中的文件放在/wp-content/themes/zibll/inc/widgets这个目录下即可！ [/hidecontent]
子比主题子比美化建站笔记
2025-08-22
08-22
特效代码 - 文字红色闪动动画-汇聚访

特效代码 – 文字红色闪动动画

大家好，今天汇聚访给大家带来一个文字红色闪动动画，这个效果你可以应用于任何网站，当然任何主题也是可以用的，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] CSSHTML 首先在你网站里添加css样式，代码如下： #titls{font-size:5.125rem;animation:animate 0.5s linear infinite;}@keyframes animate{0%,25%{text-shadow:2px 2px 2px #ff6384;}50%{text-shadow:2px -2px 2px #ff6384;}75%{text-shadow:-2px 2px 2px #ff6384;}100%{text-shadow:-2px -2px 2px #ff6384;}}#titlschi{display:block;color:#fafafa;font-size:3.25rem;letter-spacing:0;text-shadow:0px 1px 0px #999,0px 2px 0px #888,0px 3px 0px #777,0px 4px 0px...
特效代码动画特效
2025-08-18
08-18
子比主题 - 全局侧边栏隐藏按钮-汇聚访

实用子比主题 – 全局侧边栏隐藏按钮

大家好，今天汇聚访给大家带来一款子比主题的全局侧边栏隐藏按钮，这个风格是二次元风格的，主要用途是可以快速便捷对的进行侧边栏的隐藏，手机版已自适应隐藏了，有需要的自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] CSS代码JS代码自定义底部HTML代码 首先在子比后台-自定义css样式中添加以下代码： .mcp-sidebar-toggle-btn { position: fixed; bottom: 30px; right: 30px; z-index: 10000; background-color: #ff7eb3; color: #fff; border: 2px solid #fff; border-radius: 50%; width: 60px; height: 60px; cursor: pointer; box-shadow: 0...
子比主题子比美化建站笔记
1…1112131415…30跳转
热评