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

实用子比主题 – 自定义美化插件

用于提供给不会写美化插件的小白用户，让小白也能自己制作一个属于自己的美化插件，支持每...
6个月前
功能插件
2025-08-12
08-12
子比主题 - 系统弹窗跳转引导提醒（第二版）-汇聚访

实用子比主题 – 系统弹窗跳转引导提醒（第二版）

大家好，今天汇聚访给大家带来系统弹窗跳转引导提醒的第二个版本，之前发过一个版本是MacOS系统的，今天给大家带来第二版，同时也适配了手机端，这个效果起初是在腾飞那里看到的，于是就仿了一个，顺便适配了下手机版的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在子比后台-自定义底部HTML代码中添加以下代码（跳转链接自行替换）： /*汇聚访：www.huijuf.com*/ <script type="text/javascript"> try{ if($||jQuery){ tipsFun(); }else{ let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload=tipsFun; } function tipsFun(){ const platform=navigator.platform; if((platform=="Win32")||(platform=="Windows")||(platform=="MacIntel")||(platform=="MacPPC")||(platform=="Mac68K")||(platform=="MacOS")){ let curTime=new Date().getTime(); if(!window.localStorage.hasTips||((curTime-window.localStorage.hasTips)>=86400000)){ setTimeout(()=>{ $(document).ready(function(){ let tipHtml=` <div class="tip-box"...
3个月前
建站笔记
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-05-13
05-13
子比主题 - 后台美化插件-汇聚访

实用子比主题 – 后台美化插件

在当今互联网时代，WordPress已经成为了最受欢迎的内容管理系统之一。然而，对于...
6个月前
功能插件
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]
3个月前
建站笔记
2025-09-29
09-29
子比主题 - 炫酷侧边栏样式-汇聚访

实用子比主题 – 炫酷侧边栏样式

这是子比主题的侧边栏样式，这个效果起初是腾飞写的，但是他的手机版加载的时候好像有问题，现在他也不用了，我发出来做个笔记以防丢失，我这里对手机版隐藏了，因为手机版看着太臃肿了。这里只推荐电脑版使用，话不多说喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS自定义底部HTML代码 定位：后台 - 自定义CSS样式中添加以下代码即可（代码已进行压缩）： /*汇聚访：www.huijuf.com*/ .side-nav{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:999}.nav-card{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#fff,#f0f2f5);box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 35px rgba(79,70,229,.15)}.nav-card i{font-size:20px;color:#4b5563;transition:color .3s ease;position:relative;z-index:2}.card-vip{background:linear-gradient(135deg,#5b5fff,#4f46e5);z-index:10}.card-vip i{color:#fff}.card-vip:hover{box-shadow:0 12px 35px rgba(79,70,229,.3)}.mx-card-content{position:absolute;width:220px;padding:18px 20px;background:#fff;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:15px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1;left:-240px;top:50%;transform:translateY(-50%)}.nav-card:hover .mx-card-content{opacity:1;visibility:visible;left:-230px}.content-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:16px;height:16px;background:linear-gradient(135deg,transparent...
2个月前
建站笔记
2025-08-23
08-23
子比主题 – 添加自动聊天机器人页面-汇聚访

实用子比主题 – 添加自动聊天机器人页面

大家好，今天汇聚访给大家带来子比主题的自动聊天机器人页面，这个机器人可以在线聊天回答...
3个月前
建站笔记
2025-05-04
05-04
子比主题 - 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码-汇聚访

实用子比主题 – 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码

大家好，今天汇聚访给大家带来一款提示弹窗个人觉得很好看，一般只有“复制提醒（附带复制失败提醒）”、“禁用F12”、“禁用鼠标右键”，这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家，所需代码均打包在本文下方，此美化只应用在子比主题，部分主题无法使用，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 我们要将下面的代码放到/wp-content/themes/zibll/header.php 或者在子比后台=>>自定义代码=>>自定义底部HTML代码 两个方式都可以的 <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script> <!-- 引入组件库 --> <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css"> 复制Ctrl+C提醒禁用鼠标右键菜单提醒禁用F12按键提醒，禁用Ctrl+Shift+I，禁用Ctrl+S，禁用Ctrl+U禁用左键选择签到任务提醒 Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义javascript代码加入以下代码 /* 复制Ctrl+C提醒 */ document.addEventListener("copy", function(e) {...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - 文章角标及封面图底部美化代码-汇聚访

实用子比主题 – 文章角标及封面图底部美化代码

今天分享的教程是WordPress子比主题美化教程：文章角标及封面图底部美化。简单的来说，就是在文章发布页面增加一个附加选项，可以通过这个附加选项达到我们想要的美化效果！文章发布时可在编辑页底部自行配置输入内容以及颜色，不填写内容则不显示。 演示效果： 代码部署： [hidecontent type="payshow"] 1.Zibll主题设置>>全局&功能>>自定义代码>>自定义CSS样式！ /*角标css*/ .posts-item.card .item-thumbnail { background:#c4cffa26; width:100%; padding-bottom:var(--posts-card-scale); } a.item-category { position:absolute; left:10px; top:10px; padding:5px 6px; font-size:1rem; line-height:1; color:#fff; background:var(--theme-color); border-radius:6px; } a.item-category-app { position:absolute; height:24px; line-height:24px; width:100%; text-align:center; bottom:0;...
6个月前
建站笔记
2025-04-28
04-28
子比主题 - 侧边栏显示天气预报加一言-汇聚访

实用子比主题 – 侧边栏显示天气预报加一言

为子比主题增添天气预报显示功能，可极大提升网站的实用性与趣味性，使访客能更便捷地获取天气资讯。 演示效果： 代码部署： [hidecontent type="payshow"] 首先进入WordPress后台>外观>小工具>自定义HTML>把自定义HTML添加到>文章页侧边栏>复制下面的代码即可 <!-- 转载请保留-搜源站：Www.SouYuanZhan.Com --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 添加Font Awesome图标库 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> <body> <div class="weather-card"> <h1><i class="fas fa-cloud-sun"></i> 实时天气卡片</h1> <p id="location"><i class="fas fa-map-marker-alt fa-lg...
7个月前
建站笔记
12345…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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