子比美化 第3页
子比主题美化相关教程
分类
排序
2026-02-07
评论可见
子比美化-侧边栏用户信息展示小工具美化-识趣者资源

子比美化-侧边栏用户信息展示小工具美化

给小工具头部添加一个猫耳朵吧！ 教程： 放到后台自定义CSS [hidecontent type="reply"] .sidebar { height: auto; padding: 50px 0px 0px; background: url(图片链接) center top / 100% no-repeat; transform: translate3d(0px, 0px, 0px); } 猫耳朵图片下载 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-17
评论可见
子比主题 – 仿哔哩哔哩充电样式-识趣者资源
子比美化

美化子比主题 – 仿哔哩哔哩充电样式

预览图 部署教程 [hidecontent type="reply"] 在文章&列表-文章页面-文章插入内容-在文章内容后-插入内容中添加以下代码： <div class="log-power-pay"> <div class="left"> <span class="tip">文章很赞,支持一下吧~</span> <span class="count mb3"> 还没有人为TA充电 </span> <div> <div class="power-pay-avatar-group flex alc mini-scrollbar scroll-x gap-1 flex-wrap"> </div> </div> </div> <div class="right"> <div class="main-btn" data-toggle="modal" data-target="#ete-log-power-pay"> <span><i...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 38天前
#子比美化
 2026-02-27
评论可见
子比美化-彩色文字跳动特效代码（两款）-识趣者资源
子比美化

美化子比美化-彩色文字跳动特效代码（两款）

本文提供两款彩色文字特效代码,根据个人喜好自行选择部署,可以放在页脚底部或者文章底部版权位置 效果演示① 识趣资源https://47zhe.cn 本站致力于分享优质实用的互联网资源，内容包括有网站搭建、建站源码、样式特效、主题美化、实用工具、素材资源、技术教程，致力打造一个IT博客！B)[ var chakhsu = function (r) { function t() { return b[Math.floor(Math.random() * b.length)] } function e() { return String.fromCharCode(94 * Math.random() + 33) } function n(r) { for (var n =...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2026-03-18
评论可见
子比主题 – 首页轮播图小工具-识趣者资源
子比工具

美化子比主题 – 首页轮播图小工具

这是一款来自论坛一位作者写的首页轮播小工具，我感觉这个小工具还是比较不错的，左边轮播图可以滚动，右边两个是固定的链接和图片，封装了到小工具里面了，这样到时候更新之后解压还是正常可以用，喜欢的自行部署吧！ 演示图 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_decoration_tool.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_decoration_tool.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_decoration_tool.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 精选滑动卡片小工具下载 提取码ZNfA [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 9天前
#子比美化
 2025-12-11
免费
子比主题 – 前台用户管理插件_开源版-识趣者资源

子比主题 – 前台用户管理插件_开源版

识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 首页底部登录弹窗模块-识趣者资源

子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 代码部署 [hidecontent type="reply"] func代码CSS代码 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面 /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img src="//pub-cdn-oss.chuangkit.com/ad_position/07b0bea0b5ff4a4a86821440 2dffbe06"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章上方推广样式代码-识趣者资源

子比主题 – 文章上方推广样式代码

教程 [hidecontent type="reply"] WP后台–>>外观–>>自定义HTML，将下面的代码放里面即可，建议放到：文章页-主内容上面！当然你可以放在任何位置！ <style> .huijuf-info-module-box,.huijuf-info-module-box *{margin:0 !important;padding:0 !important;font-size:1em !important;border:0 !important;width:auto !important;height:auto !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;list-style:none !important;max-width:none !important;max-height:none !important;line-height:1 !important;background:0 0 !important}.huijuf-info-module-box{margin:1.5em 0 .8em 0 !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}.huijuf-info-module-btn{display:inline-flex !important;height:2.4em !important;align-items:center !important;justify-content:center !important;padding:0 1em !important;border-radius:4px !important;background-color:var(--huijuf-module-color1)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-16
评论可见
子比主题 – 下载按钮hover弹窗功能（两版）-识趣者资源

子比主题 – 下载按钮hover弹窗功能（两版）

这是一款子比主题下载按钮hover弹窗功能，首先说一下这个功能唯一的缺点就是，这个如果用户扫了二维码下载资源之后，不扣资源限制次数，无限制下载，介意的话就不用这个功能，喜欢的自行部署吧！ [hidecontent type="reply"] 为什么刚才给大家说的有两版，其实样式是一样的，只不过就是一个版是通过api接口来实现生成二维码，第二个版是通过子比来实现的，不过子比的话有缓存，都可以用的，给大家分享两版！ 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己记得加上php头，要不然会报错，两个版都是放到func里面，但是别两个同时放进去，你感觉哪个好用就用哪个版！ 第一版（调用API接口实现二维码） add_action('wp_footer',function(){?> <script>jQuery(function($){$('.but-download a.but[href*="pay-download"]').each(function(){var b=$(this),u=b.attr('href'),q='https://api.qrtool.cn/?text='+encodeURIComponent(u),img=new Image();img.src=q;b.attr({'data-toggle':'tooltip','data-html':1,'data-placement':'bottom',title:'<div class="text-center padding-10"><img src="'+q+'" style="width:120px;height:120px;border-radius:4px;"><div class="mt6 muted-2-color em09">扫码下载资源</div></div>'}).tooltip({html:1,trigger:'manual',container:'body'}).on('mouseenter',function(){var t=$(this);t.tooltip('show');setTimeout(function(){t.tooltip('update')},50)}).on('mouseleave',function(){$(this).tooltip('hide')})})});</script> <style>.tooltip-inner{width:140px!important;max-width:160px!important;padding:0;background:#000;border:1px solid var(--muted-border-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tooltip.show{opacity:1}</style> <?php }); 第二版（调用子比主题实现二维码） add_action('wp_ajax_get_download_qrcode','custom_get_download_qrcode'); add_action('wp_ajax_nopriv_get_download_qrcode','custom_get_download_qrcode'); function custom_get_download_qrcode(){ if(empty($_GET['url'])){die();} $url=urldecode($_GET['url']); $cache_key='qr_'.md5($url);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-25
评论可见
子比主题 – 新闻版块小工具-识趣者资源

子比主题 – 新闻版块小工具

这是一款子比主题新闻板块小工具，这款小工具带有轮播和轮播下文章和文字，并且右边带有排行榜，很实用的一款小工具，喜欢的自行部署吧！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_news_section.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_news_section.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_news_section.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题新闻版块小工具下载提取码WQ2t [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题-识趣者资源

子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句 javascript 语句即可实现。请看下面的教程。 使用教程 在后台主题设置 >> 自定义代码 >> 自定义 javascript 代码，把下面的代码添加到里面即可实现。 [hidecontent type="reply"] //网站动态标题开始 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { document.title = "你别走吖 Σ(っ °Д °;)っ"; clearTimeout(titleTime)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-03
2588积分
子比主题 – 简约右侧悬浮按钮美化-识趣者资源

子比主题 – 简约右侧悬浮按钮美化

这是一款侧边的悬浮按钮美化，首先就是这款很简约，不太喜欢花里胡哨的，在之前也换过花里胡哨的侧边，但是不好看，喜欢的自行部署吧！ 功能说明 会员按钮带波纹效果，鼠标hover有弹窗，自己修改一下 签到功能，可以去看腾飞之前的文章没有登录调用子比弹窗 私信功能，也可以去看腾飞之前的没有登录调用子比弹窗 二维码，鼠标hover有弹窗，很简约 展开全屏和收回全屏功能，图标动态变化 返回顶部按钮，鼠标滑到屏幕下即可出现返回按钮 代码部署 [hidecontent type="payshow"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，如果你想要显示在首页，就随便放到只要是首页的就行，如果是全部显示，就放到所有页面–xxxx，都可以，将下面的代码放到里面！ <div class="comfortable-nav"> <div class="nav-item vip-item-right"> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <i class="fa fa-diamond nav-icon"></i> <div class="vip-panel"> <h4><i class="fa fa-diamond"></i> 开通会员享特权</h4> <div class="vip-benefits">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 52天前
#子比美化
 2026-02-07
评论可见
子比主题 – 侧边动态时钟与温馨问候语-识趣者资源

子比主题 – 侧边动态时钟与温馨问候语

将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 [hidecontent type="reply"] <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5; border-radius: 10px; box-shadow: 0 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-20
评论可见
子比美化 – 文章页面添加本站历史上的今天-识趣者资源
子比美化

功能子比美化 – 文章页面添加本站历史上的今天

介绍 给子比主题文章内版权上方加一个本站历史上的今天，也就是上一年的今天发的文章。 教程 [hidecontent type="reply"] 下面的代码直接放到func.php中，没有的自行创建。 //历史上的今天，代码来自柳城博主的 WP-Today 插件 function today_in_history() { // $title = "历史上的今天"; ?> <style> .today-in-history { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; border: 0; padding: 0;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 35天前
#子比美化
 2026-02-27
密码验证
子比主题 – 全屏加载动画小工具-识趣者资源
子比工具

功能子比主题 – 全屏加载动画小工具

这篇文章是全屏加载动画小工具，原创来自heo某站长，UI很不错，蒙娜丽莎的描边的加载动画，喜欢的自行部署吧！ 该工具与阿呆日记提供 视频展示 小工具配置 代码部署 [hidecontent type="password" password="ly5211314" img_id="" img_url="" desc=""] 定位:/wp-content/themes/zibll中把文章附件解压，然后在func.php文件里添加L下代码(没有这个文件自己创建一个，然后记得加php头，要不然会报错 $widgets_files = array( 'zibbox_loading_screen.php', // 小工具文件名 ); foreach($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 全屏加载动画小工具下载 密码bcy6 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 28天前
#子比美化
 2025-12-13
评论可见
子比主题 – 禁用提醒弹窗_新增禁用提示-识趣者资源

子比主题 – 禁用提醒弹窗_新增禁用提示

这个弹窗个人觉得很好看，一般只有“复制提醒（未附带复制失败提醒）”、“禁用F12”、“禁用鼠标右键”，腾飞博客这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家，新增了“禁用Ctrl+P”、“禁用Ctrl+F” 代码部署 [hidecontent type="reply"] 一共两个地方的代码，跟着我的步骤走不会有问题，话不多说直接开始 禁用代码弹窗样式 我们直接到目录：/wp-content/themes/zibll/header.php，然后我们将下面代码丢到这个文件的最底部就可以了，或者更方便的方法，那就是直接放到：子比主题–>>自定义头部HTML代码即可！ <script> document.onkeydown = function(event) { if (event.ctrlKey && event.keyCode == 83) { // Ctrl + S event.preventDefault(); new Vue({ data: function() { this.$notify({ title: "哎！你瞧瞧你", message: "网页得换方法保存哦~", position:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
12345…23跳转