汇聚访-汇聚访-第13页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-09-26
09-26
子比主题 – 首页NEW居中动态标题样式-汇聚访

实用子比主题 – 首页NEW居中动态标题样式

这是子比主题的一款 首页NEW居中动态标题样式，之前也发过别的这样的样式，但是这个有个特点就是刷新网页的时候会动态加载，相比之前发的可能更加好看一点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，将下面的代码丢里面即可！ <div class="post-header"> <div class="post-title-wrap"> <span class="post-title">最新文章</span> <span class="post-dot"></span> </div> <div class="post-subtitle"> <span class="line left-line"></span> <span class="subtitle-text">学无止境，活到老，学到老</span> <span class="line right-line"></span> </div> </div> <style> .post-header{display:flex;flex-direction:column;align-items:center;margin:5px 0;width:100%;}.post-title-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.post-title{font-size:28px;font-weight:800;color:#222;text-shadow:2px 2px 8px rgba(0,0,0,0.12);}.post-dot{width:10px;height:10px;border-radius:50%;background:#ff6b6b;box-shadow:0 0...
2个月前
建站笔记
2025-10-10
10-10
子比主题 – 右侧二次元不倒翁样式-汇聚访

实用子比主题 – 右侧二次元不倒翁样式

这是一款适配子比主题的二次元不不倒翁样式效果，适用一些以二次元风格的站点，喜欢的自行部署吧，反正我是觉得看多了有点晕晕的....，别的站点应该也可以用，没什么好说的自行测试吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>子比主题–>>网站统计HTML代码，直接丢里面就可以了，但是要注意的是，里面的JS需要自行更换，因为按钮里面有跳转链接在JS里面，所以你需要下载文章附件自己引入，在JS代码里面搜：www.huijuf.com，替换你的就行了！ <div id="left_layer" class="sakana-tfbk" style="position:fixed; bottom:250px; right:-38px;"> <div id="sakana-widget"></div> <script> function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); } </script> <script async onload="initSakanaWidget()" src="/wp-content/themes/zibll/sakana.js" ></script> </div> [/hidecontent]
1个月前
建站笔记
2025-10-28
10-28
子比主题 – logo透明过渡美化样式-汇聚访

实用子比主题 – logo透明过渡美化样式

这是给子比主题得的logo添加的一款透明过渡的美化样式，这个效果是腾飞参考别的网站的样式来适配子比主题的，之前我也发过几款logo样式的美化，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义CSS样式，把下方代码放入即可： /*汇聚访：www.huijuf.com*/ .navbar-brand { position: relative; } .navbar-logo img { position: relative; display: inline-block; animation: logoShine 2s infinite ease-in-out; } @keyframes logoShine { 0% { transform: translateX(0); opacity: 1; }...
1个月前
建站笔记
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天前
建站笔记
2025-04-28
04-28
子比主题 - 浮动圆点标题样式美化-汇聚访

实用子比主题 – 浮动圆点标题样式美化

本站只有H1和H2标题样式，因为我喜欢用这两个，有用户跟我说想要h1/h2/h3全部都有的浮动圆点，我这里又加了一个H3的一个橙色标题样式，喜欢的自行部署吧！原创为腾飞博客！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码直接丢到：子比主题–>>自定义CSS样式即可！ /*浮动圆点标题美化*/ .article-content > .wp-posts-content > h2, .article-content .wp-posts-content > h1, .article-content .wp-posts-content > h3 { z-index: 1; } .article-content > .wp-posts-content > h2:hover::before, .article-content > .wp-posts-content > h2:hover::after, .article-content...
7个月前
建站笔记
2025-06-25
06-25
子比主题 - 用户登陆后右下角弹窗提示-汇聚访

实用子比主题 – 用户登陆后右下角弹窗提示

这个有两个版本，别人做的，今天分享给大家，希望大家能喜欢！第二个为优化版，优化几个bug，第一个就是不显示上次登录ip，第二个就是不会自动消失，第三个就是时间不对，同时也增加了用户名的显示！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="reply"] 效果一效果二 把代码复制到functions.php文件中即可。 // 将以下代码添加到主题的 functions.php 文件 function zib_login_security_notice() { if (is_user_logged_in() && !wp_is_mobile()) { // 添加移动端判断 $user = wp_get_current_user(); $login_ip = !empty($_SERVER['HTTP_X_FORWARDED_FOR']) ? explode(',', $_SERVER['HTTP_X_FORWARDED_FOR'])[0] : $_SERVER['REMOTE_ADDR']; $login_time...
5个月前
建站笔记
2025-08-02
08-02
HTML源码 - 精品大气会员介绍页面-汇聚访

HTML源码 – 精品大气会员介绍页面

这是一款大气的会员介绍页面，里面有很多的功能，同时他还有好看的UI，汇聚访在这里没有...
3个月前
html源码
2025-08-19
08-19
子比主题 – 页脚流光文字漂浮美化-汇聚访

实用子比主题 – 页脚流光文字漂浮美化

大家好，今天汇聚访给大家带来一款子比底部彩虹流光动态文字漂浮页面美化，这套底部样式有着高级渐变色底，并且还是适配的电脑端和手机端的，相比于原版，我给每个按钮添加了跳转链接，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先定位到/wp-content/themes/zibll/footer.php这个路径，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部！ <footer class=”footer”> <?php if (function_exists(‘dynamic_sidebar’)) { dynamic_sidebar(‘all_footer’); }?> <div class=”container-fluid container-footer”> <?php do_action(‘zib_footer_conter’);?> </div> </footer> 把上方代码全部替换为下方即可： /*汇聚访：www.huijuf.com*/ <footer class="api-footer"> <div class="text-background"></div> <div class="footer-content"> <div class="site-info"> <h2>汇聚访www.huijuf.com</h2> <p>本站致力于分享优质实用的互联网资源</p> </div> <div...
3个月前
建站笔记
2025-08-30
08-30
子比主题 – 自带弹窗美化样式-汇聚访

实用子比主题 – 自带弹窗美化样式

大家好，今天汇聚访给大家带来子比主题的弹窗美化样式，样式非常的好看，但是只适用于子比主题，别的主题不适应，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 标题内容即可！ <img style="width:50%; display: block; margin-left: auto; margin-right: auto;" src="logo链接" alt="汇聚访"> 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 弹窗内容即可！ <div style="text-align: center;margin-bottom:15px;"> <div style="padding-bottom:10px;"><img style="width:40%;margin-bottom:10px; border:2px solid #edc890;" src="二维码链接" alt="QQ扫码进入汇聚访用户群"> <p style="color:#1f9c00;"><i class="fa fa-qq"></i> <span>QQ扫码进入汇聚访用户群</span><p>...
3个月前
建站笔记
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]
1个月前
建站笔记
1…1112131415…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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