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

实用子比主题 – 底部添加蓝色波浪美化

这个美化也是很久之前的美化了，发出来记录一下吧，希望对大家有用！ 演示效果： 代码部署： [hidecontent type="reply"] 进入宝塔面板，进入子比主题文件夹（zibll）找到footer.php文件夹，在footer标签(</footer>)下面添加下面代码。 <!--底部波浪开始 汇聚访www.huijuf.com--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - 幻灯片底部虚化-汇聚访

实用子比主题 – 幻灯片底部虚化

今天给大家分享一款样式，这款样式是可以让幻灯片底部虚化的，结合起来非常好看！ 演示效果： 代码部署： [hidecontent type="payshow"] 将代码放到后台自定义CSS！ .absolute::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%); }...
6个月前
建站笔记
2025-05-24
05-24
WordPress子比主题美化教程合集（持续更新）-汇聚访

独家WordPress子比主题美化教程合集（持续更新）25/11/12更新

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集，使用之前先参考本站，若觉得实用就拿去用吧，我会不定时更新，如有长期未更新或者不能使用的请留言。 注意说明 每个人的审美观念不一样，所以请先参考本站或测试在用的美化。 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后再进行美化。 主题美化可能会对主题文件进行修改，更新时请及时备份主题美化的文件，或者收藏本站，以免一些主题页面或美化效果丢失。 子比主题美化都是站长自己鼓捣、测试后才发布的，完全免费，开放。 教程及说明 （最新版）CSS代码添加到子比主题后台设置->自定义代码->自定义CSS样式 （最新版）JS即javascript代码添加到子比主题后台设置->自定义代码->自定义javascript代码 （最新版）没有特殊说明的小工具，自定义HTML小工具添加网站后台->外观->小工具->点击【自定义HTML】选择放置的位置->把代码复制进去，保存即可。 其他添加方式的，我会在教程里告知，若只需添加CSS+JS的教程，我不重复告知了，请注意看上面的方法。 教程按是更新时间排序，最新的美化教程排在最后面-页码越往后越新！ 1.logo扫光 将下方代码添加到：子比主题后台设置->自定义代码->自定义CSS样式 [hidecontent type="logged"] /* logo扫光开始www.huijuf.com*/ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5);...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - 顶部多功能组件导航美化-汇聚访

实用子比主题 – 顶部多功能组件导航美化

这是子比主题的一款快速导航链接美化效果，这个效果最初是在极主题上看到的，于是就照着样式仿了一下，这个效果还是比较适合一些ACG站点的，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>页面&显示–>>顶部多功能组件–>>组件【下方】添加额外内容，将下面的代码丢里面即可，如果还不知道在哪，如下图！！ <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"> <source...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - 分类栏目美化（两款）-汇聚访

实用子比主题 – 分类栏目美化（两款）

网站分类栏目美化的意义主要体现在提升用户体验和视觉吸引力，以及优化搜索引擎排名等方面。本文章将给大家分享两种分类栏目美化的教程哦~ 演示效果①： 演示效果②： 代码部署： [hidecontent type="reply"] 将下方代码加入到后台CSS里即可！图片放在帖子附件里了，可自行下载！ 效果①效果② .index-tab ul>li.active { color: #ffffff00 !important; background-color: #ffffff00 !important; border-radius: 6px; z-index: 1; position: relative; height: 39px; line-height: 44px; background: url(https://img.dmguo.cn/2025/01/20250120091106173.png); background-repeat: no-repeat; -webkit-background-size: 91px 39px; -moz-background-size:...
6个月前
建站笔记
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-05-24
05-24
子比主题 - 仿哔哩哔哩网站页面回顶部的火箭-汇聚访

实用子比主题 – 仿哔哩哔哩网站页面回顶部的火箭

网站添加一个仿哔哩哔哩网站页面回顶部的火箭，小白式部署方式，喜欢的可以设置一波。 演示效果： 代码部署： [hidecontent type="payshow"] 如果是子比主题的话直接填在主题设置里的头部自定义html里即可，其他主题请自行测试！！ HTMLCSSJS <div class="to-top"></div> /*小火箭*/ .to-top { position: fixed; display: none; bottom: 100px; right: 20px; width: 62px; height: 85px; cursor: pointer; background-image: url(https://pic1.imgdb.cn/item/6900b5833203f7be00ac78dc .webp); background-position: -40px -44px; transition: transform 0.3s ease-in;...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - MacOS系统弹窗跳转引导提醒-汇聚访

实用子比主题 – MacOS系统弹窗跳转引导提醒

尘封已久的代码，今天趁有空就跟大家分享一下！做有关Mac资源的站应该比较有用，该代码可以判断主机系统来显示对应的引导链接，样式简约美观，倒计时自动关闭！ 演示效果： 代码部署： [hidecontent type="reply"] JS代码放入后台！ /*JS弹窗跳转引导提醒*/ try { if($ || jQuery) { tipsFun(); } } catch(e) { let script=document.createElement("script"); script.type="text/javascript"; script.src="路径（文件在文章最后）/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload = tipsFun; } function tipsFun() { // 判断用户是否是windows if((navigator.platform == "Win32")...
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-05-24
05-24
子比主题 - 自带滑块验证图片修改-汇聚访

实用子比主题 – 自带滑块验证图片修改

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
6个月前
建站笔记
1…2526272829…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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