子比美化 第10页
子比主题美化相关教程
分类
排序
2025-12-15
子比主题 – 首页搜索栏按钮&透明边框美化-识趣者资源

子比主题 – 首页搜索栏按钮&透明边框美化

教程 [hidecontent type="reply"] 首先我们要知道改哪个文件，首先我们就是改：/zibll/inc/functions/zib-search.php 首先我们要改两个地方然后加上CSS就可以了第一处第二处自定义CSS样式 第三个地方就简单了，直接放到我们的 子比主题–>>自定义CSS样式 即可 文件一： 我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码 $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 到了第二个地方，我们还是在：/zibll/inc/functions/zib-search.php 文件里面改 我们要搜下面的代码 esc_attr(strip_tags($args['s'])); 然后我们搜到之后如下图注释然后换成我的代码，大概在525行...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-14
子比主题侧边栏悬浮按钮美化-识趣者资源

子比主题侧边栏悬浮按钮美化

教程 [hidecontent type="reply"] /*悬浮美化开始kobai.top*/ .float-right .ontop { --this-color: #ffffff; --this-bg: linear-gradient(123deg, #461B93 0%, #461B93 40%, #6A3CBC calc(40% + 1px), #6A3CBC 60%, #8253D7 calc(60% + 1px), #8253D7 70%, #F78F1E calc(70% + 1px), #F78F1E 100%); } .float-right...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比美化 – 首页tab栏目二次元风-识趣者资源

子比美化 – 首页tab栏目二次元风

效果图： 样式一 样式二 [hidecontent type="reply"] 样式一 样式二 教程 .index-tab ul>li.active{color:#ffffff00!important;background-color:#ffffff00!important;border-radius:6px;z-index:1;position:relative;height:39px;line-height:44px;background:url(/wp-content/themes/Mxchild/assets/img/home_title.png) repeat;-webkit-background-size:91px 39px;-moz-background-size:91px 39px;background-size:91px 39px}.index-tab ul>li{display:inline-block;padding:2px 17px;font-weight:500;border-radius:20px;margin:0 1px} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自定义右键菜单优化版-识趣者资源

子比主题 – 自定义右键菜单优化版

教程 [hidecontent type="reply"] <style type="text/css"> 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; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); position: absolute; display: none;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 系统弹窗跳转引导提醒（第二版）-识趣者资源

子比主题 – 系统弹窗跳转引导提醒（第二版）

教程 [hidecontent type="reply"] 在子比后台-自定义底部HTML代码中添加以下代码（跳转链接自行替换） <script type="text/javascript"> try{ if($||jQuery){ tipsFun(); }else{ let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload=tipsFun; } function tipsFun(){ const platform=navigator.platform; if((platform=="Win32")||(platform=="Windows")||(platform=="MacIntel")||(platform=="MacPPC")||(platform=="Mac68K")||(platform=="MacOS")){ let curTime=new Date().getTime(); if(!window.localStorage.hasTips||((curTime-window.localStorage.hasTips)>=86400000)){ setTimeout(()=>{ $(document).ready(function(){ let tipHtml=` <div class="tip-box" id="tip-box" style=" position:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题美化-首页tab栏目和多栏目tab圆角改成直角-识趣者资源

子比主题美化-首页tab栏目和多栏目tab圆角改成直角

预览图 原来的样子 修改后的样子 [hidecontent type="reply"] 把下面代码放到自定义代码-自定义css即可 可以自行调节圆角尺寸 /*daixm.daixb.top 阿呆日记*/ .index-tab ul>li { border-radius: 5px; } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 给文章页图片添加遮罩版权图片-识趣者资源

子比主题 – 给文章页图片添加遮罩版权图片

教程 [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换） //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block'; // 创建半透明遮罩...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题-右上角开通会员紫蓝渐变色-识趣者资源

子比主题-右上角开通会员紫蓝渐变色

教程 [hidecontent type="reply"] 放到后台css即可 .payvip-icon { color: #ffffff; --this-color: #ffffff; border-radius: 10px; background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%); } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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个月前
#子比美化
 2025-12-13
子比主题 – 顶部多功能组件上方时间显示-识趣者资源

子比主题 – 顶部多功能组件上方时间显示

教程 [hidecontent type="reply"] 把下面的的代码放到 <div class="header-slider-search-more text-center before"> <div id="timeDisplay" class="time-display">19:07:48</div> <!-- 日期显示区域 --> <p id="dateDisplay" class="date-display">Tuesday, November 25, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS) const...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题美化 – 新发布文章列表角标NEW-识趣者资源

子比主题美化 – 新发布文章列表角标NEW

教程 [hidecontent type="reply"] 在主题目录 func.php 文件添加如下代码。 （func.php = functions.php）看过狐狸以前的文章应该都懂，以后就不解释了。 文件路径：/www/wwwroot/baicaima.com/wp-content/themes/zibll/functions.php /*新文章发布角标 */ function add_zbfox_new_post_label($title, $id) { if (!is_admin() && !is_single()) { $post_time = get_the_time('U', $id); if (time() - $post_time <= 24 * 60 * 60) { $title...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题美化-最新发布与逐字滚动公告模块-识趣者资源

子比主题美化-最新发布与逐字滚动公告模块

演示图 教程 [hidecontent type="reply"] 外观-小工具-自定义HTML <div class="wapnone"> <div id="zuixinfabu" class="index-new"><img draggable="false" oncontextmenu="return false;" src="https://www.macgf.com/img/index-new.svg" alt="最新发布"><div class="file-format" data-v-2775696c=""><span id="index-xtips" class="txt-file-format" data-v-2775696c="">公告：按照用户要求，本站已取消频繁的通知提示</span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span> <span class="file-format-icons" data-v-2775696c=""><i class="icon_ps" data-v-2775696c=""></i> <i class="icon_ai" data-v-2775696c=""></i> <i class="icon_sketch" data-v-2775696c=""></i> <i...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
基于墨星博客文章顶部信息4.0美化（原版默认蓝色）升级为随机彩色-识趣者资源

基于墨星博客文章顶部信息4.0美化（原版默认蓝色）升级为随机彩色

第一版教程代码 [hidecontent type="payshow"] 整体替换moxing_top_info_v4.0/moxing_top_info.php <?php /** * Plugin Name:墨星博客文章页顶部信息插件v4.0 * Plugin URI: https://moxingbk.com * Description: 一个适用于子比主题的文章页顶部信息插件，启用后在侧边栏即可看到菜单项，进入设置即可 * Version: 4.0 * Author: 墨星博客 * Author URI:https://moxingbk.com*/ add_action('csf_loaded','moxing_top_info_new'); function moxing_top_info_new() { if (class_exists('CSF')) { $prefix ='moxing_top_info'; CSF::createOptions($prefix,...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题美化 – 评论小工具添加动漫人物uid显示-识趣者资源

子比主题美化 – 评论小工具添加动漫人物uid显示

效果图 教程开始 1.安装php拓展Fileinfo(api调用时需要) 2.将下面代码放入wordpress后台-子比主题设置-全局-自定义代码-自定义css代码中 [hidecontent type="payshow"] .posts-mini { background-size: cover; margin-bottom: 5px; padding: 15px; } [/hidecontent] 将下面代码添加到自定义代码中的自定义JavaScript代码中 [hidecontent type="payshow"] var postsMiniElements = document.querySelectorAll('.posts-mini'); postsMiniElements.forEach(function(element) { var randomBase64 = btoa(Math.random().toString(36).substr(2, 9)); var url = '/wp-content/themes/zibll/img/moxing/cebian/tfapi.php?kid=' +...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…89101112…15跳转