子比主题

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...
8个月前
建站笔记
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...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - bilibili列表底部效果-汇聚访

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

这是模仿者哔哩哔哩网站为子比主题适配的一款页面底部效果，这个美化也是比较老的美化了，整体还是比较好看的，提示的字体可自行更改，代码也比较简单，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台 - 外观 - 小工具 - HTML代码添加以下代码即可（推荐放置：所有页面-底部全宽度）： <style> div.widget_text.zib-widget.widget_custom_html { background: none; padding:0px; margin-bottom:0px; box-shadow:none; } </style> <div style="position: relative;text-align: center;"><img decoding="async" src="https://pic1.imgdb.cn/item/6934e336b20847ff2b5e5b7e .png" data-src="https://pic1.imgdb.cn/item/6934e336b20847ff2b5e5b7e .png" class=" ls-is-cached lazyloaded"> <p style="position: absolute;top:...
8个月前
建站笔记
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 =...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章列表果冻弹跳效果-汇聚访

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

这是一款子比主题文章列表果冻弹跳效果美化，开启此效果后，当鼠标经过文章列表的任何区域都会出现类似果冻弹跳的效果一样，总的来说还是可以的，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [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)...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 新文章发布卡片列表角标-汇聚访

实用子比主题 – 新文章发布卡片列表角标

这是一款给子比主题添加的一款功能样式美化，部署完代码后，每当发布新文章右边都会有一个红色的New标签用来提醒用户，同时标签的颜色可自行更改，适配多种文章列表样式，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php添加以下代码即可： /*汇聚访www.huijuf.com*/ function add_new_label_to_post_title($title, $id = null) { if (is_admin() || !$id || !in_the_loop()) { return $title; } if (get_post_type($id) !== 'post') { return $title; } $post_time = get_the_time('U',...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 自定义右键菜单-汇聚访

实用子比主题 – 自定义右键菜单

大家好，本地汇聚访给大家带来了子比主题的自定义右键菜单，这个效果还是挺不错的，菜单中有很多实用的功能，便捷的同时又防止了别的右键扒站，有喜欢的的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到网站统计HTML代码里面即可！里面的内容自己改动一下！！ <style type="text/css"> /*www.huijuf.com*/ a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block} div.usercm ul...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 会员框炫彩美化-汇聚访

实用子比主题 – 会员框炫彩美化

这是一款子比主题的会员框炫彩样式美化，此效果作用于多个地方，例如用户中心的会员开通按钮以及网站右上角的开通会员按钮等等，代码部署起来也比较简单，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .payvip-icon { color: #ffffff; --this-color: #ffffff; background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme1 { background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme2 { background: linear-gradient(43deg, #ff6ac3...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 论坛板块分类角标&彩色标签美化-汇聚访

实用子比主题 – 论坛板块分类角标&彩色标签美化

这是给子比主题的论坛添加的两个美化效果，众所周知子比主题的论坛美化是很少的，此效果为6ke站长研发出来的，实际上我感觉演示图中左边的分类角标还是挺好看的，右边的有点花，所以我把代码分开了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] posts.php分类角标彩色标签 定位：/zibll/inc/functions/bbs/inc/posts.php搜索zib_bbs_get_posts_mini_list整合替换PHP代码！ function zib_bbs_get_posts_mini_list($class = 'ajax-item', $show_topping = false) { $class = $class ? ' ' . $class : ''; global $post; $term_links = zib_bbs_get_posts_tag_link($post->ID, 'liuke-biaoqian'); $term_html = ''; if...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 让网站禁止访问控制台 打开控制台跳转页面说明-汇聚访

实用子比主题 – 让网站禁止访问控制台 打开控制台跳转页面说明

让网站禁止F12访问控制台，打开控制台就会跳转到另一个页面，取消就会返回上一页，这个没图，你们可以自己试一下。 演示效果： 代码部署： [hidecontent type="payshow"] JS代码 <script type="module"> import devtools from './banf12/js/moukey.js'; if (devtools.isOpen) { window.location.href = "./banf12"}; window.addEventListener('devtoolschange', event => { if (event.detail.isOpen) { window.location.href = "./banf12"}; }); </script> 路径需要自己调整，资源文件自己找地方放置即可！ [/hidecontent]
8个月前
建站笔记
1…2627282930…32跳转