最新发布第31页
2025-05-01
05-01
子比主题 - 右下角提示美化-汇聚访

实用子比主题 – 右下角提示美化

给右下角提示美化一下，原本的话只有蓝色的，美化之后是彩色的，如果觉得无用可以不加，喜欢的话可以加一下。 演示效果： 代码部署： [hidecontent type="reply"] 将以下代码放到：子比主题–>>自定义代码–>>自定义CSS代码里面即可 .notyf.success { background: linear-gradient(90deg,rgb(249 15 15 / 70%),rgba(61,189,249,.8)); border-radius: 18px 0 0 18px; }.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.posts-item .item-heading>a {font-weight: bold;color: unset;}@media (max-width:640px) { .meta-right .meta-like{ display: unset !important; } }...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 时间胶囊剩余进度小工具-汇聚访

实用子比主题 – 时间胶囊剩余进度小工具

这是一款子比主题时间胶囊剩余进度小工具，给子比侧边加一个剩余进度的非常美观，这款时间进度小工具主要由HTML+CSS+jQuery制作而成，我这边代码都合到一起了！唯一的缺点就是黑夜模式没适配，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：文章页-侧边栏 <style type="text/css"> .time-schedule-main{/*background-color: white;*/border-radius: 8px;display: flex; justify-content: space-evenly; align-items: center;}.today-schedule,.toweek-schedule,.tomonth-schedule,.toyear-schedule{display: inline-block;width: 50px;height: 100px;background-color: white;border: 1px solid #eee;border-radius: 99px;}.wiiuii-schedule-item{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 99px;}.today-item,.toweek-item,.tomonth-item,.toyear-item{position: absolute;background-image: linear-gradient(to right, #a18cd1 0%, #fbc2eb...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 拟态CSS美化-汇聚访

实用子比主题 – 拟态CSS美化

详情可查看此文章页面，本站不一定使用，仅作于记录。 演示效果： 代码部署： [hidecontent type="reply"] 轻度拟态重度拟态 .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 { background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color)); border: 2px solid var(--main-bg-color); box-shadow: 6px...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 仿造bilibili列表底部效果-汇聚访

实用子比主题 – 仿造bilibili列表底部效果

为主题添加仿造一个bilibili列表底部效果，话不多说直接展示！ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS wp后台 -> 小工具 -> html代码，选择所有页面-底部全宽度 <div style="position: relative;text-align: center;"><img decoding="async" src="https://blog.zbiwl.com/image/dibu1.png" data-src="https://blog.zbiwl.com/image/dibu1.png" class=" ls-is-cached lazyloaded"> <p style="position: absolute;top: 30%;left: 50%;margin-left: -40px;font-size: 10px;">你已经到达了世界的尽头</p></div> 子比主题 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 评论区显示漂亮的用户ID徽章背景二次元样式-汇聚访

实用子比主题 – 评论区显示漂亮的用户ID徽章背景二次元样式

为主题添加一个背景二次元样式的徽章，图片都是随机的，根据用户UID显示编号哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管）或者说放入functions.php里面也可以 PHPCSS function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list =...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章列表果冻弹跳效果-汇聚访

实用子比主题 – 文章列表果冻弹跳效果

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 演示效果： 代码部署： [hidecontent type="payshow"] 将下面代码放到主题设置里的自定义CSS即可 /*www.huijuf.com*/ posts.posts-item.card.ajax-item:hover{-webkit-animation:jumps-data-v-6bdef187 1.2s ease 1;animation:jumps-data-v-6bdef187 1.2s ease 1;}@-webkit-keyframes jumps-data-v-6bdef187{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95) rotate(0)}to{transform:translateY(0) scaleX(1)...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 卡片列表角标-汇聚访

实用子比主题 – 卡片列表角标

根据以前某位不知名用户写的最新发布角标修改而来，无需修改子比主题文件即可实现，非图片角标，手搓的css背景！ 演示效果： 代码部署： [hidecontent type="reply"] PHP代码放置于funtions.php或func.php css代码放后台自定义代码 PHPCSS //新文章发布角标 function add_new_label_to_post_title($title, $id) { if (!is_admin() && !is_single()) { $post_time = get_the_time('U', $id); if (time() - $post_time <= 24 * 60 * 60) { $title .=...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 评论框添加背景调皮跳动gif图片-汇聚访

实用子比主题 – 评论框添加背景调皮跳动gif图片

为主题添加一个评论框添加背景调皮跳动gif图片，图片可自定义哦~ 演示效果： 代码部署： [hidecontent type="reply"] 在子比主题设置—自定义CSS样式，添加下面的CSS代码： /*评论背景图*/ /*www.huijuf.com*/ textarea#comment { background-color:transparent; background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(图片链接) right 10px bottom 0px no-repeat; background-size: contain; -moz-transition:ease-in-out 0.45s; -webkit-transition:ease-in-out 0.45s; -o-transition:ease-in-out 0.45s; -ms-transition:ease-in-out 0.45s; transition:ease-in-out...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章资源付费类型文字转为图标样式-汇聚访

实用子比主题 – 文章资源付费类型文字转为图标样式

大家好，今天汇聚访给大家带来子比主题的文章资源付费类型文字转为图标样式教程，更美观更好看更简约，当然每个人喜欢的类型不同，如果喜欢自行部署吧。 演示效果： 代码部署： [hidecontent type="reply"] 找到文件路径：themes\zibll\inc\functions\zib-posts-list.php第390行添加如下代码： $svg = '<symbol id="icon-points" viewBox="0 0 1024 1024"> <path d="M419.886252 370.432927c119.605022 0 243.995044-26.302516 318.706976-76.460106v91.304594h69.207683V185.366307C807.800911 65.18189 607.999688 0.289697 420.006126 0.289697S32.091467 65.18189 32.091467 185.366307v545.629859c0 120.184417 199.801223 185.076609 387.794785 185.07661V846.984967c-197.463666 0-318.706976-67.579385-318.706976-115.978811V566.977553c74.711932 50.037714...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 底部添加渐变色背景统计模块（两种样式）-汇聚访

实用子比主题 – 底部添加渐变色背景统计模块（两种样式）

在网站底部添加一个统计信息，可以看到网站的运营情况，如会员数量，文章数量、网站的总浏览量、当天发布的文章数量、网站运营天数等，并且这个统计信息背景是渐变色的，非常漂亮。之前有分享过这个代码，今天新增了一个显示评论总数，把今天发布文章数量改为了本周发布的数量，如果需要之前的版本，可以参考下面这篇文章 演示效果： 样式一： 样式二： 代码部署： [hidecontent type="payshow"] 进入子比主题目录，创建 func.php 文件，把下面的代码添加进去（下面两个选择一个喜欢的样式填进去即可） 样式一样式二 <?php //实现侧边栏文本工具运行PHP代码 add_filter('widget_text', 'php_text', 99); function php_text($text) { if (strpos($text, '<' . '?') !== false) { ob_start(); eval('?' . '>' . $text); $text = ob_get_contents(); ob_end_clean();...
6个月前
建站笔记
1…2930313233…36跳转
分类-WP插件-汇聚访 2163
WP插件
28篇文章更多文章
实用WordPress插件 – 机器人通知插件
9小时前
实用WordPress插件 – 自定义自动评论插件
3天前
实用WordPress插件 – 简约浅色后台美化插件
3天前
实用WordPress插件 – 自动备份数据库/文件插件
13天前
专题-子比美化-汇聚访 2.2W+
子比美化
267篇文章更多文章
独家ZibBox主题 – 最新版v1.0.8已更新[2025-11-30][更新日志]
8小时前
实用子比主题 – 文章列表多种动画效果美化（四款）
9小时前
实用子比主题 – 最近评论小工具样式（升级版）
9小时前
实用子比主题 – 前端修改个人封面图片剪切功能
10小时前
分类-图片素材-汇聚访 1348
图片素材
19篇文章更多文章
精美图片素材 – 精美二次元成就素材
11天前
精美图片素材 – 仿哔哩哔哩等级图标
13天前
精美图片素材-二次元等级图标素材
20天前
精美图片素材-动漫勋章图标素材
20天前
子比美化
1
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访
实用子比主题 – 文章列表多种动画效果美化（四款）
37
2
子比主题 - 最近评论小工具样式（升级版）-汇聚访
实用子比主题 – 最近评论小工具样式（升级版）
37
3
子比主题 - 前端修改个人封面图片剪切功能-汇聚访
实用子比主题 – 前端修改个人封面图片剪切功能
38
4
子比主题 - 页面底部动态小人样式-汇聚访
实用子比主题 – 页面底部动态小人样式
70
5
子比主题 – 右下角联系客服浮窗小工具-汇聚访
实用子比主题 – 右下角联系客服浮窗小工具
48
榜单实时更新
图文素材
1
图片素材 - 精美二次元成就素材-汇聚访
精美图片素材 – 精美二次元成就素材
70
2
图片素材 - 仿哔哩哔哩等级图标-汇聚访
精美图片素材 – 仿哔哩哔哩等级图标
61
3
图片素材 - 精美等级图标素材-汇聚访
精美图片素材 – 精美等级图标素材
83
4
图片素材 - 段位等级图标-汇聚访
精美图片素材 – 段位等级图标
115
5
图片素材 - 渐变彩色等级图标-汇聚访
精美图片素材 – 渐变彩色等级图标
57
榜单实时更新
WP插件
1
WordPress插件 - 机器人通知插件-汇聚访
实用WordPress插件 – 机器人通知插件
30
2
WordPress插件 - 自定义自动评论插件-汇聚访
实用WordPress插件 – 自定义自动评论插件
39
3
WordPress插件 - 简约浅色后台美化插件-汇聚访
实用WordPress插件 – 简约浅色后台美化插件
29
4
WordPress插件 - 自动备份数据库/文件插件-汇聚访
实用WordPress插件 – 自动备份数据库/文件插件
42
5
WordPress插件 - 文章与数据库优化-汇聚访
实用WordPress插件 – 文章与数据库优化
71
榜单实时更新