汇聚访-汇聚访-第31页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-11-08
11-08
子比主题 – 右下角雪花按钮美化样式-汇聚访

实用子比主题 – 右下角雪花按钮美化样式

这是一款子比主题的右下角在线下雪样式，用户可以点击按钮如小雪、中雪、大雪进行调整下雪的程度，该效果是今一写的，样式也是挺不错的尤其是在黑夜模式中，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，如果想所有页面显示放到：所有页面-页脚区内部，那如果首页显示的话你就放到：首页-主内容下面，直接将下面的代码丢里面即可！ <style> .snow-control{position:fixed;bottom:25px;right:25px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.snow-main-btn{width:48px;height:48px;border-radius:50%;background:#f0f7ff;border:1px solid #e8f4ff;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#4a90e2;box-shadow:0 3px 10px rgba(74,144,226,0.12);transition:all 0.2s ease;position:relative}.snow-main-btn:hover{background:#e8f4ff;transform:scale(1.05);box-shadow:0 4px 12px rgba(74,144,226,0.15);color:#357abd}.snow-main-btn:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(74,144,226,0.1)}.snow-panel{background:#ffffff;border-radius:12px;padding:10px 8px;box-shadow:0 4px 15px rgba(74,144,226,0.08);display:none;flex-direction:column;gap:8px;min-width:100px;position:relative}.snow-panel::after{content:'';position:absolute;bottom:-6px;right:20px;width:12px;height:12px;background:#ffffff;transform:rotate(45deg);box-shadow:3px 3px 5px rgba(74,144,226,0.05)}.snow-panel.active{display:flex;animation:fadeIn 0.25s ease-out}.snow-btn{padding:8px 0;border-radius:8px;border:none;outline:none;cursor:pointer;background:#f5f9ff;color:#4a90e2;font-size:14px;font-weight:500;transition:all 0.2s ease;text-align:center}.snow-btn.active{background:#4a90e2;color:#ffffff;box-shadow:0 2px 6px...
22天前
建站笔记
2025-10-13
10-13
Ri主题 - 首页四格小工具美化-汇聚访

实用Ri主题 – 首页四格小工具美化

这是给RiProV5主题添加的一款四格小工具样式，总体看起来还是不错的，有一种科技风的感觉，图片我全部放在图床上面了，推荐自行下载起来本地化，你可以放在任何位置，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码（所放置的位置自行挑选）： /*汇聚访：www.huijuf.com*/ <div class="container animate__animated animate__fadeInUp"> <div class="row animate__animated animate__fadeInUp"> <div class="col-3"><div class="item"><a target="_blank" href="/wordpress" class="d-flex justify-content-center align-items-center py-4" style="color:#0868ac"><div class="item-icon"> <img src="https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-news.svg"></div><div class="text-left"><h5>WordPress...
1个月前
建站笔记
2025-11-01
11-01
WordPress插件 – 用户批量注册插件-汇聚访

实用WordPress插件 – 用户批量注册插件

这是一款WordPress的批量用户注册插件，这款插件非常的方便，输入用户数量、前缀...
29天前
功能插件
2025-10-12
10-12
Ri主题 - 网站顶部信息引导栏目-汇聚访

实用Ri主题 – 网站顶部信息引导栏目

这是给RiProV5主题添加的一款网站顶部信息引导栏目样式，手机和电脑版均已适配，原效果样式来源于6e的站点，我看到挺实用的就仿了一个出来，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/header/menu.php找到以下代码（也就是第一行）： <header class="site-header"> 随后在此代码下添加以下代码： <div class="navbar-dh"> <div class="container"> <a class="gon-wenz">欢迎来到汇聚访-专注主题美化</a> <a href="https://www.huijuf.com" target="_blank"> <i class="fas fa-cart-arrow-down vip-wenzi"></i> 前往官网</a> <div class="dh-ju-yy"> <a href="/user" target="_blank">联系客服</a> <a href="/user" target="_blank">广告购买</a> <a href="/user" target="_blank">常见问题</a> <a...
1个月前
建站笔记
2025-04-30
04-30
子比主题 - 加一个NEW居中标题样式美化-汇聚访

实用子比主题 – 加一个NEW居中标题样式美化

带有绿色标题和描述的效果。标题文字居中显示，并使用24px的大字体和绿色字体颜色。标题下方是一条带有分隔线的描述，描述文字为灰色小字体，两侧有一条水平线，使其更加醒目和易读。这个设计适用于强调新内容或重要信息的展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码直接丢到：外观-小工具-自定义HTML即可，自己喜欢就改一下里面文字 <div class="emoji-container"> <div class="emoji-title">NEW</div> <div class="emoji-separator emoji-sub emoji-sm">学无止境，活到老，学到老</div> </div> <style> .emoji-container{display:flex;flex-direction:column;align-items:center;text-align:center} .emoji-separator:before,.emoji-separator:after{content:"";background:#777;flex:1;height:1px;margin:0 10px;max-width:16%} .emoji-separator{display:flex;align-items:center;justify-content:center;width:100%} .emoji-sub{color:#8c92a1!important} .emoji-sm{font-size:14px} .emoji-title{font-size:24px;font-weight:bold;color:green} /*www.huijuf.com*/ </style> [/hidecontent]
7个月前
建站笔记
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-05-01
05-01
子比主题 - 首页搜索栏按钮及透明边框美化-汇聚访

实用子比主题 – 首页搜索栏按钮及透明边框美化

这是子比主题的叠加搜索组件美化，一共两个，一个是发布作品按钮，一个是透明框的美化，个人一直在用这个美化，一直很好用的，也算记录一下，怕忘记怎么美化。 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们要知道改哪个文件，首先我们就是改：/zibll/inc/functions/zib-search.php 首先我们要改两个地方然后加上CSS就可以了第一处第二处自定义CSS样式 第三个地方就简单了，直接放到我们的 子比主题–>>自定义CSS样式 即可 步骤①步骤②步骤③ 文件一： 我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码 $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 到了第二个地方，我们还是在：/zibll/inc/functions/zib-search.php 文件里面改...
6个月前
建站笔记
2025-10-14
10-14
Ri主题 - 侧边彩色滚动条-汇聚访

实用Ri主题 – 侧边彩色滚动条

这是给Ri主题添加的一款侧边彩色滚动条，之前我在子比主题上也适配过，这次给大家带来Ri主题的代码，这个效果也是特别不错的，同时代码也比较简单，多的我也不说了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加一下代码即可： /*汇聚访：www.huijuf.com*/ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: skyblue; background-image: -webkit-linear-gradient( 45deg, rgba(25, 100, 248, 0.4) 25%, transparent 25%, transparent...
1个月前
建站笔记
2025-10-06
10-06
子比主题 – 专题&聚合小工具更多文章美化-汇聚访

实用子比主题 – 专题&聚合小工具更多文章美化

今天给大家带来一款专题&聚合小工具的美化，之前也发过这个小工具的几个美化，今天给大家分享一下这个更多文章按钮的样式美化，我看好多站点都发出来了但是他们发的都不生效，我这里做了修复，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义CSS样式把以下代码放进去即可： /*汇聚访：www.huijuf.com*/ .but.p2-10.px12.c-blue.hide-sm.shrink0{ background:linear-gradient(90deg, #40a6fa 0, #356aef 100%); color:#fff !important; border:none !important; font-size:13px; } .user-btns .jb-blue:hover{ filter:brightness(1.08) saturate(1.08); box-shadow:0 6px 18px -6px #356aef5c; } .user-btns a, .user-btns .but{ padding:0 22px;...
1个月前
建站笔记
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个月前
建站笔记
1…2930313233…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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