汇聚访-汇聚访-第32页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-10-19
10-19
Ri主题 - 导航栏菜单文字加粗-汇聚访

实用Ri主题 – 导航栏菜单文字加粗

这是让Ri主题顶部文字导航加粗的一个美化效果，之前我在子比主题的美化合集里也发过，今天适配一下Ri主题，因为Ri主题本身UI是比较偏简约风格的，后续我会发更多关于别的主题的美化样式，话不多说了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题设置 - 基本设置 - 自定义CSS代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .navbar .nav-list>.menu-item>a { font-size: 15px; line-height: 61px; margin: 0 6px; padding-right: 10px; font-weight: 900; } /*汇聚访：www.huijuf.com*/ [/hidecontent]
1个月前
建站笔记
2025-10-29
10-29
子比主题 – 弹出模拟框增加提醒-汇聚访

实用子比主题 – 弹出模拟框增加提醒

这是给子比主题添加的一款弹出模拟框增加提醒的功能，但是不是所有页面都可以点击任意地方关闭，具体应用情况自己测试，反正会员弹出页面是可以用的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将以下代码放到：子比主题–>>自定义代码–>>自定义JavaScript代码 $(document).ajaxComplete(function(event, xhr, settings) { // 当所有的 AJAX 请求完成时执行以下代码 $('.modal-dialog').each(function() { // 遍历每个加载的模拟框 $(this).prepend('<span style="position: absolute;bottom: -35px;z-index: 99;left: 0;right: 0;text-align: center;color: #efefef;user-select: none;pointer-events: none;">点击任意地方关闭</span>'); }); }); [/hidecontent]
1个月前
建站笔记
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-05-24
05-24
子比主题 - ajax加载更多按钮美化-汇聚访

实用子比主题 – ajax加载更多按钮美化

给子比主题加一个ajax加载更多按钮的美化，这个美化确实很不错，（提供两种样式) 演示效果①： 演示效果②： 代码部署： [hidecontent type="reply"] 将下面代码放到子比自定义CSS即可 样式一： /*加载更多*/ .chat-next a, .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a { display: inline-block; width: 130px; -webkit-border-radius: 0 0 16px 16px; -moz-border-radius: 0 0 16px 16px; border-radius: 0 0...
6个月前
建站笔记
2025-06-15
06-15
子比主题 - 可爱的返回顶部悬挂猫-汇聚访

实用子比主题 – 可爱的返回顶部悬挂猫

在浏览网页时，想要快速回到顶部？可爱的返回顶部悬挂猫来帮忙啦！它不仅实用，能让你瞬间 “归位”，其萌态更是为网页浏览增添一抹趣味。接下来就一起看看它的奇妙用法吧。 演示效果： 代码部署： [hidecontent type="reply"] 首先上传文件到一个可以访问地方，文件我放在文章附件里了，自行下载即可！接着将代码放入到zibll文件夹下function.php文件中或者新建一个func.php放入其中并进行修改，接着修改szgotop.css中，如下图位置的图片文件地址！ function back_to_top_cat() { echo '<script src="cat.js文件路径"></script> <script type="text/javascript" src="szgotop.js文件路径"></script> <link rel="stylesheet" type="text/css" href="szgotop.css文件路径" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); [/hidecontent]
5个月前
建站笔记
2025-05-01
05-01
子比主题 - 猫耳朵样式-汇聚访

实用子比主题 – 猫耳朵样式

猫耳朵美化是一种针对手机或电脑等设备的界面美化方案。这种美化方案以猫耳朵为主题，设计了一系列相关的图标、壁纸、字体等元素，使设备的界面看起来更加可爱、生动。总的来说，猫耳朵主题美化是一种针对设备界面的全方位美化方案，旨在为用户提供更加个性化、有趣的界面体验。 演示效果： 代码部署： [hidecontent type="reply"] 将下面CSS代码加入到后台CSS里即可 /*悬浮按钮猫耳朵*/ /*www.huijuf.com*/ .dropdown-menu { margin-bottom: 10px; border: none; box-sizing: border-box; padding: 25px 12px 50px; border-radius: 8px; background: url(https://blog.zbiwl.com/image/cat.jpg) no-repeat 50%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%;...
6个月前
建站笔记
2025-11-20
11-20
子比主题 - 动态日历小工具（修复版）-汇聚访

实用子比主题 – 动态日历小工具（修复版）

这是子比主题的仿CoreNext主题的一款动态日历小工具，此版本修复了以往出现的问题bug，我这里并没有写可视化的小工具版本，黑夜模式也完全适配了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先把我文章内的附件下载下来，定位到目录/wp-content/themes/zibll解压即可！ 定位：后台 - 外观 - 小工具 - 文章页&侧边栏中选择自定义HTML代码组件随后添加以下代码（引用的路径不要乱改动，否则代码会失效或出问题）： <link rel="stylesheet" href="/wp-content/themes/zibll/zibbox/calendar/zibbox_calendar.css" type="text/css"> <div class="mizhi-next-calendar blue"> <div class="calendar-header"> <div class="calendar-title"> 日历 </div> <div class="calendar-header-right"> <div class="calendar-month-week"> <div id="currentMonth"></div> <div id="currentDayOfWeek"></div> </div>...
10天前
建站笔记
2025-11-26
11-26
子比主题 – 右下角联系客服浮窗小工具-汇聚访

实用子比主题 – 右下角联系客服浮窗小工具

这是一款子比主题右下角联系客服浮窗小工具，这款小工具是腾飞写的有可视化的设置，可自定义不用端的开启或关闭，手机端也是正常适配的，但是黑夜模式没有适配，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_online_kefu.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！小工具推荐放置位置：所有页面-页脚区内部 [/hidecontent]
4天前
建站笔记
2025-08-20
08-20
特效代码 - 文字顶部阴影弹出动画-汇聚访

特效代码 – 文字顶部阴影弹出动画

大家好，今天汇聚访给大家带来一个文字顶部阴影弹出动画，这个效果你可以应用于任何网站，当然任何主题也是可以用的，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] /*汇聚访：www.huijuf.com*/ .text-pop-up-top { animation: text-pop-up-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both; } /*汇聚访：www.huijuf.com*/ @keyframes text-pop-up-top { 0% { transform: translateY(0); transform-origin: 50% 50%; text-shadow: none; } 100% {...
3个月前
动画特效
2025-11-19
11-19
子比主题 – 侧边介绍跳转样式代码-汇聚访

实用子比主题 – 侧边介绍跳转样式代码

这是一款子比主题的侧边介绍跳转样式代码，主要依赖的是星河主题的侧边小工具样式，这里简单测试了一下没有什么问题，同时夜间模式看起来也不突兀，这款是腾飞仿的，没写成可视化的小工具，目前只有代码，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ <style> .block-introduction{width:100%;max-width:900px;border-radius:16px;overflow:hidden;position:relative;z-index:1;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.block-introduction::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);z-index:-1;border:1px solid rgba(255,255,255,0.18);box-shadow:0 8px 32px rgba(31,38,135,0.1)}.wp-block-meteor-introduction-block{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;padding:25px 35px;position:relative;overflow:hidden}.wp-block-meteor-introduction-block::before{content:"";position:absolute;top:-20%;right:-10%;width:30%;height:60%;background:radial-gradient(circle,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 70%);transform:rotate(30deg)}.wp-block-meteor-introduction-block p:first-child{font-size:15px;line-height:1.6;margin-bottom:15px;position:relative;font-weight:300;letter-spacing:0.3px}.wp-block-separator{border:none;height:1px;margin:15px 0;position:relative}.wp-block-separator::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0) 100%)}.wp-block-meteor-introduction-block p:last-child{font-size:14px;text-align:center;position:relative;font-weight:500;letter-spacing:0.5px;margin-top:5px}.wp-block-meteor-introduction-block p:last-child a{color:#fff;text-decoration:none;position:relative;padding:0 2px}.wp-block-meteor-introduction-block p:last-child a::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:rgba(255,255,255,0.7);transform:scaleX(0);transform-origin:right;transition:transform 0.3s ease}.wp-block-meteor-introduction-block p:last-child a:hover::after{transform:scaleX(1);transform-origin:left}@media (max-width:768px){.wp-block-meteor-introduction-block{padding:20px...
11天前
建站笔记
1…3031323334…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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