子比美化 第18页
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'";?> //用户总数...
子比主题建站笔记
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]
子比主题建站笔记
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...
子比主题建站笔记
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)...
子比主题建站笔记
2025-05-04
05-04
子比主题 - 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码-汇聚访

实用子比主题 – 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码

大家好，今天汇聚访给大家带来一款提示弹窗个人觉得很好看，一般只有“复制提醒（附带复制失败提醒）”、“禁用F12”、“禁用鼠标右键”，这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家，所需代码均打包在本文下方，此美化只应用在子比主题，部分主题无法使用，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 我们要将下面的代码放到/wp-content/themes/zibll/header.php 或者在子比后台=>>自定义代码=>>自定义底部HTML代码 两个方式都可以的 <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script> <!-- 引入组件库 --> <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css"> 复制Ctrl+C提醒禁用鼠标右键菜单提醒禁用F12按键提醒，禁用Ctrl+Shift+I，禁用Ctrl+S，禁用Ctrl+U禁用左键选择签到任务提醒 Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义javascript代码加入以下代码 /* 复制Ctrl+C提醒 */ document.addEventListener("copy", function(e) {...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 置顶角标美化-汇聚访

实用子比主题 – 置顶角标美化

为主题增加一个置顶角标美化，话不多说直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下列代码加入后台CSS中即可 .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left: auto;...
子比主题建站笔记
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; } }...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 添加优雅大方的时间进度小模块-汇聚访

实用子比主题 – 添加优雅大方的时间进度小模块

为主题添加一个优雅大方的时间进度小模块，直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 第一步：创建自定义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...
子比主题建站笔记
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...
子比主题建站笔记
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样式...
子比主题建站笔记
1…1617181920…23跳转