子比美化 第29页
标签
排序
2025-12-13
1088积分
基于墨星博客文章顶部信息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,...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
500积分
子比主题美化 – 评论小工具添加动漫人物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=' +...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
500积分
子比美化丨评论区显示用户ID号含背景卡片图美化样式-识趣者资源

子比美化丨评论区显示用户ID号含背景卡片图美化样式

主要是借鉴了若歆的样式，没有什么好的背景图所以PA了若歆的希望不要介意啦。小樱自己还有一套图，也挺好看争取搞到手，嘻嘻嘻。其实样式仿的都是bilibili站的评论区的那个，基本一样。 教程如下 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管） 加入以下代码 [hidecontent type="payshow"] 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 = array('/img/pinglun/dtkp-000.png',...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 新增页面美化 文章显示今日昨日前天数据页面-识趣者资源

子比主题 新增页面美化 文章显示今日昨日前天数据页面

效果图 [hidecontent type="reply"] 使用方法： 在 /wp-content/themes/zibll/pages 文件夹内新建“documentnav-maosiji.php”文件 将以上代码放入文件内 后台新建页面即可 Page页面代码 <?php /** * Template name: Maosiji-文档导航 * Description: Document navigation */ global $post; $post_id = $post->ID; $this_options = get_post_meta($post_id, 'documentnav_options', true); $one_cat = !empty($this_options['cat']) ?...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 右侧自定义悬浮按钮美化-识趣者资源

子比主题 – 右侧自定义悬浮按钮美化

这个自定义悬浮按钮样式是狐狸忘记从哪位B2站长那里扒来的，说不上原创，但是它是由狐狸库适配用在子比主题上。扒来也很久了，一直没有去适配用到子比主题上，话不多说直接开始！ 功能说明 适配“会员”按钮，点击后自动跳转开通子比主题会员弹窗。 增加“昼夜”切换模式，点击后切换“日间”或“夜间”模式。 适配“签到”按钮，点击后自动签到。 替换抽奖按钮及图标，可自定义图标&链接。 重构“返回顶部”的监听滚动及点击事件Javascript代码。 代码部署 [hidecontent type="reply"] 代码一共三个和一个附件，怎么使用呢？很简单HTML放到：WP后台–>>外观–>>小工具–>>自定义HTML将小工具放到：所有页面-侧边栏-顶部位置或者所有页面，自己放一下小工具里面 CSS代码放到：子比主题–>>自定义CSS样式即可！ Javascript代码放到：子比主题–>>自定义javascript代码即可，JS代码用处就是返回顶部的用处！ HTMLCCSJS <!-- * @Description : 自定义悬浮按钮 * @Url : https://www.huliku.com/ * @Email : ihuliku@qq.com * @Date : 2024-01-18 13:14:52 --> <div class="huliku-float">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 仿Mac三条文章底部样式-识趣者资源

子比主题 – 仿Mac三条文章底部样式

这是一款仿Mac三条文章底部样式，不是在附件下载的下面是在文章的下面，一定要看清楚，喜欢的自行部署一下吧！ 代码部署 [hidecontent type="reply"] 首先将下面的代码放到：子比主题–>>自定义CSS样式即可！ .sys-item-12 { background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01e5LDEM1QbInIe9Get_!!2210123621994.png); margin-top: 10px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; border-radius: 6px; font-weight: 500; } .sys-item-13 { background-image: url(https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01Tk7v4S1QbInJU77xK_!!2210123621994.png); margin-top: 10px; height: 40px; line-height:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 给登录模块下拉菜单窗口美化-识趣者资源

子比主题 – 给登录模块下拉菜单窗口美化

给子比主题的登录模块加一个下拉的美化，这是一个窗口美化，效果是不错的，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 跟着我的教程走不会有任何问题，对于没有搞过的比较复杂，跟好我的步骤！ 我们首先到：/wp-content/themes/zibll/inc/functions/zib-header.php文件，然后搜下面的代码 signin-loader"><div class="badg mb6 toggle-radius c-blue"> 看我注释的代码，然后你也注释了，然后搜索下面的代码 $href .= '<div class="flex jsa header-user-href">'; 替换成下面的代码即可！ $href .= '<img src="https://img.alicdn.com/imgextra/i4/4035900312/O1CN01yCLjR21EAwWbIalSK_!!4035900312.png" class="mascot signin-loader"><p class="explain">主人，请点击头像登录后查看哦~</p><div class="flex jsa header-user-href">'; [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 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")...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 未登录时图片高斯模糊显示-识趣者资源

子比主题 – 未登录时图片高斯模糊显示

这是一款子比主题用户没有登录的时候图片显示模糊的，登入之后就可以看到全部图片了，所以也很实用的功能，对于子比站长来说，这个功能还是可以的，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 首先我们到文件：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，创建之后别忘了加php头，要不然会报错。将下面的代码放到这个文件里面即可！ //未登录时全站图片模糊 function n_yingcang_css(){ echo '<style> img { -webkit-filter: blur(10px)!important; -moz-filter: blur(10px)!important; -ms-filter: blur(10px)!important; filter: blur(6px)!important;} </style>'; } if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );}; //未登录时全站图片模糊 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 自定义右键菜单美化-识趣者资源

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

给子比主题加一个自定义右键的美化，我觉得这个还是不错的，很简洁而且好看，喜欢的自行部署，当留个笔记吧！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义底部HTML代码即可，或者也可以放到footer.php文件里面也可以！ 记得修改一下里面的网站地址，要不然用的话都是本站的地址！ <!-- 右键美化 --> <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;-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}...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
1…2728293031…36跳转