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

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

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码中添加以下代码即可： /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags...
7个月前
建站笔记
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-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-06-30
06-30
子比主题 - 文章底部添加最后更新时间或过期失效提示-汇聚访

实用子比主题 – 文章底部添加最后更新时间或过期失效提示

今天给大家分享一下这个文章底部添加更新时间或者过期的失效提示，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] 1.将下面的 PHP 代码加入到主题目录下：themes/zibll/functions.php 文件中。 //文章过期提示开始www.huijuf.com function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s'); $updatetime=strtotime($updated_date); $custom_content = ''; if ( $newdate > $updatetime+86400) { $custom_content= '<div class="article-timeout"><strong><i class="fa fa-bell" aria-hidden="true"></i>...
5个月前
建站笔记
2025-08-03
08-03
子比主题 - 叠加封面卡片开通会员弹窗-汇聚访

实用子比主题 – 叠加封面卡片开通会员弹窗

大家好，我是汇聚访今天给大家带来叠加封面卡片组件点击卡片弹出开通会员的教程，这个比较简单，主要是我看到有人在到处问，于是我就想出个教程，帮助一下那些不会的人，话不多说直接开始。 演示效果： 代码部署： [hidecontent type="reply"] 直接在子比后台-页面&显示-顶部多功能组件-叠加封面卡片组件中的文案标题添加这段代码即可： <a class="pay-vip" href="javascript:;">VIP会员 <badge class="ml6 jb-pink">权益<span class="fa fa-angle-right em12"></span></badge></a> [/hidecontent]
3个月前
建站笔记
2025-08-20
08-20
子比主题 – 仿张洪Heo页脚样式美化-汇聚访

实用子比主题 – 仿张洪Heo页脚样式美化

大家好，今天汇聚访给大家带来一篇仿张洪Heo页脚样式的美化，这个页脚适配了白天、黑夜模式，同时也适配了手机端，看着还是不错的，但是每个人审美不同，如有喜欢的自行部署吧！ 演示效果： 代码部署： [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> 删掉后我们将开始放入这篇的页脚美化，我们放到下面代码的上面： <?php wp_footer(); ?> 接着我们把下方1代码放在上面代码的上面即可（里面的跳转链接及其文字自行修改即可）： <style> @font-face{font-family:"11";/* Project id 4837858 */ src:url('//at.alicdn.com/t/c/font_4837858_4eqpwuln6r8.eot?t=1740467376348');/* IE9 */...
3个月前
建站笔记
2025-09-04
09-04
ZibBox主题 – 最新版v1.0.8已更新-汇聚访

独家ZibBox主题 – 最新版v1.0.8已更新[2025-11-30][更新日志]

温馨提示：更新主题请务必记得清空浏览器缓存、刷新CDN缓存、刷新Redis或Memc...
2个月前
美化插件
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-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-04-25
04-25
子比主题 - 动态文章置顶火焰样式-汇聚访

实用子比主题 – 动态文章置顶火焰样式

这是一款子比主题动态置顶图标，样式效果是呈现火焰动态特效的，也是非常的炫酷，有喜欢的自行部署吧！ 效果演示： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS代码样式中添加以下代码即可： /* * 文章置顶美化开始 * www.huijuf.com */ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54%...
7个月前
建站笔记
1…910111213…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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