汇聚访-汇聚访-第30页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-05-06
05-06
子比主题 - 添加一个类似哔哩哔哩客服中心头部banner图-汇聚访

实用子比主题 – 添加一个类似哔哩哔哩客服中心头部banner图

大家好，这次汇聚访给大家带来一款类似哔哩哔哩客服中心头部的banner图，这个效果适合一些做二次元风格的网站，你可以放底部或消息通知页面顶部，适用大多数wordpress主题，有喜欢的自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] CSSHTML 添加进后台自定义css即可 .banner { position: relative; overflow: hidden; height: 183px; background: url(https://blog.zbiwl.com/bilibili/59nm7456wp.jpg@70p) repeat; background-size: 1200px 700px } .banner .banner-content { position: relative; margin: 0 auto; width: 970px } .banner .banner-content...
6个月前
建站笔记
2025-05-06
05-06
子比主题 - 给网站底部添加一个蓝色矩形循环跳动动画-汇聚访

实用子比主题 – 给网站底部添加一个蓝色矩形循环跳动动画

之前不是发了一个相似教程吗，现在着手修改了下，比原来好看的多（字变大了些）！ 演示效果： 代码部署： [hidecontent type="reply"] 后台小工具页面添加以下html并放置于底部全宽度即可 <div class="widget-graphic-cover mb20 hidden-xs"><div style="--font-size:30px;"><div class="graphic hover-zoom-img noshadow mb10 " style="padding-bottom: 16%!important;"><video autoplay="" loop="" muted="" class="fit-cover lazyloading" data-src="https://oss.zibll.com/zibll.com/2023/04/蓝色矩形循环跳动.mp4" src="https://oss.zibll.com/zibll.com/2023/04/蓝色矩形循环跳动.mp4" poster="https://oss.zibll.com/zibll.com/2024/03/20240317190819420-蓝色矩阵跳动-封面.jpg"></video><div class="abs-center text-center graphic-text this-font"><div class="em12 mb10 font-bold">专心做好一件事</div> 致力创造一个高质量分享平台</div></div></div></div> [/hidecontent]
6个月前
建站笔记
2025-05-06
05-06
子比主题 - 昵称抖音风格字体美化代码-汇聚访

实用子比主题 – 昵称抖音风格字体美化代码

子比用户昵称加一个抖音故障风格字体的美化代码，看着挺不错的，记录一下日后使用。 演示效果： 代码部署： [hidecontent type="reply"] 代码部署就不用说了，css代码放到子比主题自定义css即可。 /*昵称*/.display-name{ text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5); animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);}@keyframes shake-it{ 0%{ text-shadow: 0 0 rgba(0,...
6个月前
建站笔记
2025-05-06
05-06
子比主题 - 评论区添加随机夸夸功能-汇聚访

实用子比主题 – 评论区添加随机夸夸功能

有很多人在网站浏览需要回复，有的比较嫌麻烦不愿意打字，也会收到一些各种评论相对比较杂乱，今天分享一个用夸夸功能，来替代传统的评论一言，将它们分开使用，先看看效果图，再考虑使用不使用！ 演示效果： 代码部署： [hidecontent type="reply"] ①CSS②PHP③PHP注意事项 css代码自行本地化 或直接下载 .kuakua-first-box{ margin: auto; width: 440px; border-radius: 16px; bottom: auto; min-height: 10rem; left: 50%; position: fixed; right: auto; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1032; box-shadow:...
6个月前
建站笔记
2025-05-06
05-06
子比主题 - 滚动图片广告位-汇聚访

实用子比主题 – 滚动图片广告位25/11/23更新

提高用户体验和关注度：通过采用图片滚动播放的方式来展示网站的主要内容，可以吸引用户的注意力，提高用户的浏览体验和使用率。精美的图片能够快速地反应企业和品牌的最新动态，让用户感到企业是积极进取的。 演示效果： 更新内容： 修复小工具报错的问题 修复小工具图片无法加载的问题 优化小工具代码逻辑 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：首页-顶部全宽度 <div class="one"> <ul> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/" rel="external nofollow"><img src="https://pic1.imgdb.cn/item/6922d56d3203f7be0024e8db .png"><span>汇聚访滚动广告测试</span></a></li> <li><a href="/"...
6个月前
建站笔记
2025-05-04
05-04
子比主题 - 网站底部按钮美化（三款）-汇聚访

实用子比主题 – 网站底部按钮美化（三款）25/11/12更新

这是给子比主题的网站底部按钮添加的一些简单的色彩美化，主题自带的是比较单调简约的，这里汇聚访美化了一下，适合一些不想那么花哨又想有点色彩的站长使用，话不多说喜欢的自行部署吧！ 演示效果： 第一款 第二款 第三款 代码部署： [hidecontent type="payshow"] 第一款第二款第三款 将下方代码添加到：子比主题后台设置->自定义代码->自定义CSS样式 /*汇聚访：www.huijuf.com*/ .github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; background-color: #abbac3; margin-bottom: 5px; } .github-badge .badge-subject { display: inline-block; background-color: #f6b044;...
6个月前
建站笔记
2025-05-04
05-04
子比主题 - 底部横向网站信息统计模块-汇聚访

实用子比主题 – 底部横向网站信息统计模块

分享一下子比的底部横向网站统计的模块，有博客播报、文章统计、浏览统计，用起来非常美观而且还非常实用的一个底部美化！！！不知道原创是谁，网上的资源整理测试的。 演示效果： 代码部署： [hidecontent type="payshow"] 子比主题的主题目录下，header.php 底部添加下方核心函数代码 <script type="text/javascript" > //文章总数 <?php $count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_wzzs="."'$published_posts'";?> //本周发布 <?php $post_wpdb = get_posts_count_from_last_168h($post_type ='post');echo "var tj_bzfb="."'$post_wpdb'";?> //运行时间 <?php $wdyx_time = floor((time()-strtotime("2024-6-25 0:0:0"))/86400);echo "var tj_yxsj="."'$wdyx_time'";?> //用户总数...
6个月前
建站笔记
2025-05-04
05-04
子比主题 - 封禁小黑屋列表展示美化-汇聚访

实用子比主题 – 封禁小黑屋列表展示美化

为了形成一个良好的浏览环境，这次分享一个子比小黑屋页面，带小工具。可以显示出被拉黑的小伙伴情况，非常的实用，专门治那些引流的用户或者打广告的用户去拉黑用户！ 演示效果： 代码部署： [hidecontent type="payshow"] 将xy_block.php放到子比主题里 例如：网站->wp-content->themes->zibll 将block_banned.php放到子比主题的pages文件里 例如：网站->wp-content->themes->zibll->pages 在functions.php引入文件代码如下： /*开始*/ if (file_exists(get_theme_file_path('/xy_block.php'))) { require_once get_theme_file_path('/xy_block.php'); } /*小黑屋结束*/ 然后在网站后台新建页面，在默认模板里找到 XY-用户封禁 然后发布 小工具找到 Zibll用户封禁情况 然后填写信息 发布（这里推荐放在侧边栏） [/hidecontent]
6个月前
建站笔记
2025-05-04
05-04
子比主题 - 左侧悬浮自定义导航&打赏按钮美化-汇聚访

实用子比主题 – 左侧悬浮自定义导航&打赏按钮美化

今天看了一个网站觉得侧边栏按钮挺好看的就扒了下来，哈哈哈，主要还是看中了打赏才扒下的。有能力的大佬可以做菜单弹窗或者TAB导航，怎么喜欢怎么搞。我把弹窗去除了，可以直接点按钮跳转页面。 注：CSS代码以子比主题适配的，其他主题自行测试。 演示效果： 代码部署： [hidecontent type="payshow"] CSS代码：把下面代码放到主题后台自定义代码中 /*左侧悬浮导航+打赏按钮*/ .siderfloat{position:fixed;left:0;top:210px;width:35px;} .siderfloat__click{display:block;height:115px;background:url(https://pic.imgdb.cn/item/64a017a31ddac507cc06d298 .png);} .siderfloat__quick{display:inline-block;width:35px;background:#eee;border-bottom:#c9c9c9 1px solid;text-align:center;} .siderfloat__txt{display:block;width:20px;margin:0 auto;padding:10px 0;line-height:1.2;font-weight:bold;} HTML代码：放到主题设置自定义底部HTML代码 /*左侧悬浮导航+打赏按钮*/ <div class="siderfloat"> <a href="/" target="_blank" class="siderfloat__click"> </a> <a href="/" class="siderfloat__quick" onclick="$('html,body').animate({scrollTop: $('#CN').offset().top - '170'}, 600);"><span class="siderfloat__txt">菜单1</span></a> <a...
6个月前
建站笔记
2025-05-04
05-04
子比主题 - 文本超链接美化样式-汇聚访

实用子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！原作者是狐狸库哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 丢到：子比主题–>>自定义CSS样式即可！ @font-face { font-family: 'tengfei-font'; src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype'); } .wp-posts-content a:not([class]),.wp-block-list a:not([class]) { color: var(--focus-color); line-height: 1.15em; padding: .1em .35em; font-size: max(.75rem,.75em); border-radius: 2em; background: var(--focus-color-opacity1)...
6个月前
建站笔记
1…2829303132…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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