汇聚访-汇聚访-第17页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-06-09
06-09
子比主题 - 文章页隐藏侧边栏按钮-汇聚访

实用子比主题 – 文章页隐藏侧边栏按钮

大家好，今天汇聚访给大家分享一款子比主题的文章页隐藏侧边栏按钮，这个效果也是非常便捷，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在wp-content\themes\zibll\inc\functions\zib-single.php中找到以下图片中的代码： 直接搜zib_get_post_more_dropdown就可以直接找到这串代码，然后把这段代码里这串代码替换成我发的！ function zib_get_single_meta_box($class = 'abs-right', $direction = 'down') { if (!is_single()) { return; } $more_dropdown = zib_get_post_more_dropdown(null, 'pull-right', 'but cir post-drop-meta', zib_get_svg('menu_2'), $direction); $more_dropdown = $more_dropdown ? '<div class="clearfix...
5个月前
建站笔记
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-06-15
06-15
子比主题 - 文章归档页面模板修改版-汇聚访

实用子比主题 – 文章归档页面模板修改版

今天给大家带来子比主题的文章归档页面，这个页面是二改修复过的，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/pages，新建一个文件，但是后缀是php，如grace.php，然后将下面的附件放进去，然后我们到：WP后台–>>页面–>>新建页面–>>模版–>>选择Grace-文章归档新版！随后发布即可！文件在文件附件里，自行下载即可！ [/hidecontent]
5个月前
建站笔记
2025-06-18
06-18
特效代码 - 渐变文字特效-汇聚访

特效代码 – 渐变文字特效

大家好，今天汇聚访给大家分享两款渐变颜色代码，希望大家能够喜欢！效果还是很不错的！有喜欢的自行部署吧！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="payshow"] 效果一效果二 .zbbox-p{font-weight:600;color:#8c888b;background:-webkit-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);background:-moz-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);background:-ms-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);color:transparent;-webkit-background-clip:text;animation:ran 20s linear infinite}@keyframes ran{from{background-position:0}to{background-position:2000px 0}} 代码为了减少加载速度，已压缩处理！放在子比后台-自定义CSS样式即可！随后自行引入样式即可！ .wniui-colorful{ font-weight: 700; background-image: linear-gradient(90deg, #673ab7, #e91e63); background-clip: text; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(90deg, rgb(255, 167, 69), rgb(254, 134,...
5个月前
动画特效
2025-06-18
06-18
子比主题 - 动态渐变光效-汇聚访

实用子比主题 – 动态渐变光效

今天逛站点的时候发现了这个效果，感觉挺好看的就扒了下来，今天分享给大家！顺便也记录一下！防止代码丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 代码素材图片 .hg-yj p span { font: 100 3.0em/1"Oswald", sans-serif; letter-spacing: 0; padding: .25em 0 .155em; display: block; margin: 0 auto; text-shadow: 0 0 80px rgb(255 255 255 / 50%); background:...
5个月前
建站笔记
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)...
5个月前
建站笔记
2025-06-25
06-25
子比主题 - 文章标题美化-汇聚访

实用子比主题 – 文章标题美化

今天无聊看别的站点的时候发现了这个文章小标题的美化，觉得好看搞了下来，今天分享给大家，希望对大家有用！如文章内的的软件介绍就是小标题的美化效果！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接将代码放到子比设置-自定义CSS样式里即可！ /*汇聚访：www.huijuf.com*/ .wp-posts-content h2 { background-color: var(--body-bg-color); padding: 6px 0px 6px 16px; border-radius: 5px; } .wp-posts-content > h2:before, .wp-posts-content > h2.wp-block-heading:before, .wp-posts-content > h2:not([class]):before { content: ""; display: inline-block !important;...
5个月前
建站笔记
2025-06-25
06-25
子比主题 - 侧边栏添加发帖按钮样式-汇聚访

实用子比主题 – 侧边栏添加发帖按钮样式

给子比主题论坛侧边加一个发帖按钮的样式代码，这个按钮样式非常的简约，自己填写跳转链接即可，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 这是小工具，直接放到你喜欢的位置，然后自定义HTML里即可! <div style="margin: 20px 0;"> <a href="/posts-edit/" style="display: block; width: 100%; background-color: #1677ff; color: white; padding: 12px 0; border-radius: 8px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 500;"> + 我要发帖...
5个月前
建站笔记
2025-06-25
06-25
子比主题 - 简约分类专题标签色调美化-汇聚访

实用子比主题 – 简约分类专题标签色调美化

今天给大家分享一个子比主题的分类样式的简约美化，每个人眼光不同，这种就比较简约，适合一些比较正式的站点使用吧！今天分享给大家！还有一点，鼠标悬浮专题分类或是标签上还有不同的颜色变化哦！ 演示效果： 代码部署： [hidecontent type="payshow"] 还是一样，代码直接放到子比主题后台设置->自定义代码->自定义CSS样式即可！ /*汇聚访：www.huijuf.com*/ .posts-item.card .item-tags .but, .posts-item.card .meta-category a { position: relative !important; overflow: hidden !important; z-index: 1 !important; display: inline-block !important; padding: 4px 10px !important; margin: 0 6px 8px 0...
5个月前
建站笔记
2025-06-30
06-30
子比主题 - 文章页面添加分割线-汇聚访

实用子比主题 – 文章页面添加分割线

今天给大家分享一款子比主题的文章分割线，这款样式还是挺好看的，我在腾飞的站看到了，就扒了下来分享给大家！希望对大家有帮助，原作者为腾飞！ 演示效果： 代码部署： [hidecontent type="payshow"] 这款样式我是直接添加在文章页面里的，你可以根据自己的喜好随意添加！注意：该教程仅仅提供插入文章页面！ 1.在子比后台设置-文章&列表-文章页面-文章插入内容中添加以下代码： <div class="svg-hr-wrap"><div class="svg-hr-hover"></div><hr class="svg-hr"> <svg class="svg-hr-icon" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"> <g fill="currentColor"> <path d="M40.2 95.8a28 28 0 1 1 39.6 0a28 28 0 0 1-39.6...
5个月前
建站笔记
1…1516171819…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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