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

实用子比主题 – 网站底部按钮美化

今天逛博客的时候发现一款非常好看的网站底部按钮，索性就扒了下来，现在分享给大家吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 代码分两部分，一个CSS，一个HTML哦~ CSSHTML <style type="text/css">/*底部页脚www.huijuf.com*/.github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; /*line-height: 15px;*/ background-color: #abbac3; margin-bottom: 5px;}.github-badge .badge-subject { display: inline-block; background-color: #f6b044; padding: 4px 4px...
子比主题子比美化建站笔记
2025-05-24
05-24
子比主题 - 快速导航链接美化-汇聚访

实用子比主题 – 快速导航链接美化

今天逛站点的时候，发现一款非常好看的样式，于是我就扒了下来，今天分享给大家！！ 演示效果： 代码部署： [hidecontent type="payshow"] 图片可自行本地化，以防丢失，相关图片已经放在本文附件，自行下载即可！代码放在子比后台设置-叠加搜索组件-额外内容-组件【下方】添加额外内容 HTMLCSS <div class="soft-cat-logo"> <a href="/yxsx"><span> <picture class="picture"> <source type="image/webp" srcset="https://img.dmguo.cn/2025/02/20250212023355196.png"><img class="jitheme-radius" src="https://img.dmguo.cn/2025/02/20250212023355196.png"> </picture> </span><em>游戏资源</em> </a><a href="/7b2"><span> <picture class="picture"> <source type="image/webp" srcset="https://img.dmguo.cn/2025/02/20250212023345786.png"><img class="jitheme-radius" src="https://img.dmguo.cn/2025/02/20250212023345786.png"> </picture> </span><em>主题美化</em> </a><a href="/forums"><span> <picture class="picture">...
子比主题子比美化建站笔记
2025-06-18
06-18
子比主题 - 渐变首页栏目美化-汇聚访

实用子比主题 – 渐变首页栏目美化

今天给大家分享一个渐变的首页栏目，之前写了一篇二次元美化的，今天给大家分享一下这个效果！原创应该是炙焰！我也算是记录一下，防治效果丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放到后台子比设置-自定义css样式即可！ .index-tab ul>li{border-radius:7px;background:none;color:#000;transition:background-color .5s ease}.index-tab ul>li.active{background:linear-gradient(45deg,var(--gradient-active));background-size:400% 400%;animation:GradientShift 15s ease infinite}@keyframes GradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}} :root { --gradient-base-1: 255,127,80; --gradient-base-2: 148,143,255; --gradient-base-3: 76,175,80; --gradient-base-4: 255,165,0; --gradient-active: rgba(var(--gradient-base-1),0.3) 0%,rgba(var(--gradient-base-2),0.3) 25%,rgba(var(--gradient-base-3),0.3) 50%,rgba(var(--gradient-base-4),0.3) 75%,rgba(var(--gradient-base-1),0.3)...
子比主题子比美化建站笔记
2025-07-27
07-27
子比主题 - 动态萤火星空背景-汇聚访

实用子比主题 – 动态萤火星空背景

大家好，今天汇聚访给大家分享一款动态萤火星空的背景，这个效果是我在别的站点看到的，觉得挺好看的，于是就整了下来，不过这个效果唯一遗憾的是没有适配白天模式，我前段日子分享了一个星空效果的教程，那个白天模式适配的也是一言难尽，我也比较懒，主要自己用不到，需要的话自行适配吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比设置-自定义CSS样式中添加以下代码： * { box-sizing: border-box; padding: 0; margin: 0; } body { background: #22313f; position: relative; } #starsContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:...
子比主题子比美化建站笔记
2025-08-18
08-18
子比主题 - 给文章页图片添加遮罩版权图片-汇聚访

实用子比主题 – 给文章页图片添加遮罩版权图片

大家好，今天汇聚访给大家带来一款子比主题的文章页里面的图片加上遮罩图片效果，这个效果说实话就是一个装饰，鼠标指向图片之后图片右下角有一个版权图片可自己放自己的logo图片链接，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换）： //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block';...
子比主题子比美化建站笔记
2025-08-25
08-25
子比主题 – 带页面快照GO跳转页面-汇聚访

实用子比主题 – 带页面快照GO跳转页面

大家好，今天汇聚访给大家分享一款子比主题地GO跳转页面，之前也发了一篇集合，这个和之前那些不同所以单独分开了，左下角为广告图片，你可以自行更改，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 找到/wp-content/themes/zibll/go.php文件，直接将下面的代码替换即可，里面有文字和广告，自己修改即可！ <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") !== false || strpos($_SERVER['REQUEST_URI'], "base64") !== false ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection:...
子比主题子比美化建站笔记
2025-09-27
09-27
子比主题 - 评论区起始分割线-汇聚访

实用子比主题 – 评论区起始分割线

今天汇聚访给大家带来一款子比主题的评论区起始分割线，之前我发过文章的分割线，今天在别的站点看到了这个效果并且是收费的，于是我就仿了一下，图片我放在图床里了，有条件的建议图片本地化，以防丢失，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/template/comments.php在这个文件里找到以下代码： <div class="theme-box" id="comments"> 在这个代码的下面添加以下代码即可： <div class="huijuf-wrapper"> <span class="huijuf-line"></span> <span class="huijuf-icon"> <a> <img src="https://pic1.imgdb.cn/item/68d7c526c5157e1a883c68cf .png" alt="分割线图标" class="huijuf-img"> <b>评论区</b>（汇聚访-评论底线）</a> </span> <span class="huijuf-line"></span> </div> <style> /*汇聚访：www.huijuf.com*/ .huijuf-wrapper { display: flex; align-items: center; margin:...
子比主题子比美化建站笔记
2025-10-12
10-12
Ri主题 - logo扫光特效样式-汇聚访

实用Ri主题 – logo扫光特效样式

这是给Ri主题添加一个logo扫光特效的样式，之前我在子比主题发过这次也是适配了Ri主题，这个样式效果还是很不错的，比较酷炫，同时教程也是比较简单的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：Ri主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .logo-wrapper { position: relative; font-size: 2em; font-weight: 700; line-height: 39px; overflow: hidden; margin: 0; } .logo-wrapper::before { content: ""; position: absolute; width: 150px; height:...
RiThemeRiProV5建站笔记
2025-04-25
04-25
子比主题 - 多功能组件搜索栏美化-汇聚访

实用子比主题 – 多功能组件搜索栏美化

这是一款B2的一个样式，分享两款方形首页搜索框美化样式，非常实用的一款子比首页搜索框美化，喜欢的自行部署下吧！ 演示效果： 第一种： 第二种： 代码部署： [hidecontent type="payshow"] 将CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到子比主题–>>自定义javascript代码 第一种第二种 CSSJS .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px; border-top-left-radius:...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 网站侧边滚动条-汇聚访

实用子比主题 – 网站侧边滚动条

浏览器默认的滚动条样式太丑了，而且不同的浏览器下滚动条的样式也不一样，为了美观和统一，必须修改滚动条的样式。今天给大家分享一个网站侧边条，希望大家能够喜欢！ 演示效果： 代码部署： [hidecontent type="reply"] 将以下代码放到自定义CSS里面即可！ /**彩色滚动条样式开始*/ /*www.huijuf.com*/ ::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb { background-color: #12b7f5; background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%,...
子比主题子比美化建站笔记
1…27282930跳转
热评