子比美化 第4页
排序
2026-01-13
子比主题-独立下载页面美化-识趣者资源

子比主题-独立下载页面美化

前言 之前也有出过一版独立下载页美化(在美化教程里->编号18)，不过突然觉得不好看了，就更新了一下，这里分享出来！ 效果图 下载文件覆盖掉download.php即可（文件路径：/wp-content/themes/zibll/pages/download.php），更新前记得备份！记得备份！记得备份！不然就没后悔药吃了！
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2025-12-13
子比主题-自定义网页鼠标右键菜单美化-识趣者资源

子比主题-自定义网页鼠标右键菜单美化

教程 [hidecontent type="reply"] 把下面代码放到自定义代码-自定义html底部 <div class="usercm"> <div class="quick-nav"> <a href="javascript:;" id="menu-back" title="后退"><i class="fa fa-arrow-left"></i></a> <a href="javascript:;" id="menu-forward" title="前进"><i class="fa fa-arrow-right"></i></a> <a href="javascript:;" id="menu-top" title="返回顶部"><i class="fa fa-arrow-up"></i></a> <a href="javascript:;" id="menu-refresh" title="刷新页面"><i class="fa fa-refresh"></i></a> </div> <ul> <li><a...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-27
子比主题美化 - 脚页高级修改-识趣者资源

子比主题美化 – 脚页高级修改

美化简介 今天我在翻网站的时候，发现了一个很好看的尾页，就给扒了下来并且修复了一下，可能会与某些东西会有些冲突，下面是效果图 美化效果 代码教程 [hidecontent type="payshow"] 打开本主题根目录进入footer.php把下面的复制进去 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email : 770349780@qq.com * @Project : Zibll子比主题 *...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2026-01-19
子比主题美化 – 子比主题拟态CSS-识趣者资源

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

展示 详情可查看此文章页面，本站不一定使用，仅作于记录。 CSS [hidecontent type="payshow"] .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 6px...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 2026-02-03
子比主题-悬浮导航样式-识趣者资源

子比主题-悬浮导航样式

子比主题右侧悬浮导航按钮新版，样式简约鼠标放置响应位置会有文字提示，支持全屏显示当前页面二维码，夜间模式切换，开通会员等功能 代码部署 [hidecontent type="payshow"] 复制代码到子比主题-自定义代码-自定义头部HTML代码-粘贴 <!-- 右侧悬浮导航主容器 --> <div class="float-right round position-center filter scroll-down-hide"> <div class="float-right vela-float round position-center scrolling-hide"> <!-- 开通会员按钮 --> <div class="vela-vip-btn mb10 pay-vip" vip-level="2" data-toggle="tooltip" data-placement="left" href="javascript:;"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2025-12-13
子比主题 – 可爱的返回顶部悬挂猫-识趣者资源

子比主题 – 可爱的返回顶部悬挂猫

这是一款子比主题右侧可爱的返回顶部悬挂猫，我觉得非常我不错，给自己的站点加了很多的趣味，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 部署之前先说好，这个我是打包好的，你跟着我的步骤走就行了，你不需要改目录，我这边打包好了已经！ 我们到目录：/wp-content/themes/zibll/func.php文件，没有func文件自己创一个，创了之后记得加php头，要不然会报错，把下面的代码放进文件里面， function back_to_top_cat() { echo '<script src="/wp-content/themes/zibll/cat/cat.js"></script> <script type="text/javascript" src="/wp-content/themes/zibll/cat/szgotop.js"></script> <link rel="stylesheet" type="text/css" href="/wp-content/themes/zibll/cat/szgotop.css" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); 放进去之后我们将下面的附件上传到：/wp-content/themes/zibll目录下，解压，解压之后就可以了！ 子比主题可爱的返回顶部悬挂猫下载提取码RgyE [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自定义认证SVG图标-识趣者资源

子比主题 – 自定义认证SVG图标

这是一款子比主题认证修改图标，就是修改子比主题默认自带的认证图标，改成你自己的svg图标，非常的美观，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 我们到：/wp-content/themes/zibll/js/svg-icon.js这个文件里面搜“zib_svgs['user-auth']”，如下图 示意：zib_svgs['user-auth'] = '你的SVG代码'; 这里提供一个bilibili蓝色闪电SVG图标代码为例 zib_svgs['user-auth'] = '<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512 512m-418.909091 0a418.909091 418.909091 0 1...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 文章封面角标美化-识趣者资源

子比主题 – 文章封面角标美化

这篇文章就是我给大家搭建了一个新网站测试的，然后就是我给里面加了几个角标的样式，直接丢的颜色代码美化，我发现很多站一堆人发我这个美化，我想知道版权不留就说自己写的吗？真的懒得搭理，某些站长真的是恶心，直接免费，喜欢的自行部署！ 我这里修复了一下，之前搬运我这个文章的，忘了告诉你了，那些去拿去卖钱的人，用了之前的这个样式会卡顿，所以我这次就是免费分享一下，再搬运不留版权我真的要心里问候你家人怎么样了！正好记录一下！ [hidecontent type="payshow"] 一共三个代码，两个PHP代码和一个CSS代码，我会讲的很仔细，跟着教程操作不会有问题 metabox-options.phpzib-posts-list.phpCSS代码 定位：/wp-content/themes/zibll/inc/options/metabox-options.php文件，然后我们进入文件里面就去搜“文章、页面、帖子的独立seo”因为这个是子比主题更新后的注释，如下图和代码 if (class_exists('CSF')) { CSF::createMetabox('tf', array( 'title' => '文章封面自定义标识', 'post_type' => array('post', 'page', 'plate', 'forum_post'), 'context' => 'advanced', 'data_type' => 'unserialize', )); CSF::createSection('tf', array( 'fields' => array( array( 'title'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2025-12-13
子比主题 – JS弹窗引导提醒样式-识趣者资源

子比主题 – JS弹窗引导提醒样式

给子比顶部加一个弹窗跳转，自带win和mac判断系统，很多站有的在使用这个弹窗，一个简约好看的弹窗，如果喜欢的话可以放到子比里面即可 代码部署 [hidecontent type="reply"] 直接将下面代码放到：子比主题–>>自定义javascript代码即可！ // 判断存在jq资源 try { if($ || jQuery) { tipsFun(); } } catch(e) { let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload = tipsFun; } function tipsFun() { // 判断用户是否是windows if((navigator.platform == "Win32")...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章标题样式美化（共十一款）-识趣者资源

子比主题 – 文章标题样式美化（共十一款）

在此之前博客的用户反馈让做一个文章标题美化的总结，今天他来了，我会做一些好看的然后你们自己选，喜欢哪个自己部署哪个，后面我会持续更新这篇文章，话不多说喜欢的自行部署吧！ 喜欢哪个样式自己将该哪一款丢到：子比主题–>>自定义CSS样式即可，先写这十一款，多的话文章容易卡，其实预估能写到30款左右，因为我写的样式比较多，后面抽几个好看的添加上去吧！ [hidecontent type="vip1"] 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款 第一款是很早的猫爪，这款是H1-H4都是一样的，不过这个扩展性很高，比如遇到自己喜欢的，自己可以替换里面的图片就可以！ /* 腾飞博客第一款标题样式美化 */ .title-theme { padding: 0px 0px 0px 45px!important; background: url(https://www.tfbkw.com/wp-content/uploads/2025/03/20250306195527974-biaoti.svg) 10px center no-repeat; background-size: 30px 20px; color: #566889; } .title-theme:before { display:none; } .wp-posts-content>h1.wp-block-heading{ padding: 0px 0px...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
123456…23跳转