子比美化 第13页
子比主题美化相关教程
分类
排序
2025-12-13
子比主题 – 文本超链接美化样式-识趣者资源

子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！ 代码部署 [hidecontent type="reply"] 丢到：子比主题–>>自定义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) linear-gradient(var(--focus-shadow-color)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章封面缩略图悬停样式（四款）-识趣者资源

子比主题 – 文章封面缩略图悬停样式（四款）

给子比主题加点美化吧，本篇文章是子比主题文章封面缩略图悬停样式，我这边提供了四款，我觉得还是不错的四款悬停样式，喜欢哪个就部署哪个吧！ 第一款 第二款 第三款 第四款 [hidecontent type="reply"] 根据上面的演示图喜欢哪个将下面的代码放到：子比主题–>>自定义CSS样式即可，别忘了换图标！ 第一款第二款第三款第四款 .item-thumbnail { position: relative; overflow: hidden; transition: transform 0.4s ease; } .item-thumbnail:hover { transform: translateY(-5px); } .item-thumbnail:before { content: ''; position: absolute; top: 0; left: 0;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – ajax加载更多按钮美化-识趣者资源

子比主题 – ajax加载更多按钮美化

这是一款给子比主题加一个ajax加载更多按钮的美化，这个美化确实很不错，加上去更美观一些，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 将下面代码放到：子比主题–>>自定义CSS样式即可 /*点击更多*/ .chat-next a, .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a { color: var(--muted-color); border-radius: 30px; padding: 6px 0px; background-color: var(--main-bg-color); display: block; opacity: 1; font-weight: bold; width: 35%; margin: auto; border:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 网站进入Loading加载动画（两款）-识趣者资源

子比主题 – 网站进入Loading加载动画（两款）

这是一款给进入网站进行一个Loading加载动画样式，我觉得这个样式还是不错的，我这里分享两款加载动画，喜欢的自行部署吧！ 第一款 第二款 代码部署 [hidecontent type="reply"] 一共两款，我图片都放下面，喜欢哪一个下载哪一个，CSS代码都是一样的，只是动态图片不一样！ 将下面的CSS放到：子比主题–>>自定义CSS样式即可！ /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(svg路径链接); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut 3s; animation-fill-mode: forwards;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-11-24
子比主题美化用户中心添加UID、加入时间-识趣者资源

子比主题美化用户中心添加UID、加入时间

本功能是为我们的网站的用户中心处添加UID显示及加入网站已多少天那种，另外一个样式可以自己在源码那边设置修改，废话不多说上效果图。 将下列代码添加至子比主题根目录文件夹的functions.php中即可 [hidecontent type="reply"] /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true; // 可以根据需要进行动态设置...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2025-11-23
子比美化-批量替换数据，一键换域名插件-识趣者资源

子比美化-批量替换数据，一键换域名插件

[hidecontent type="reply"] 蓝奏网盘下载 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
子比主题 – 修改免费/付费资源背景底色-识趣者资源

子比主题 – 修改免费/付费资源背景底色

这是一款子比主题修改免费/付费资源背景底色教程，首先子比主题有三个背景颜色在文章列表如：免费资源、付费资源（付费资源有积分付费和余额付费），我将一一说一下怎么改，改哪里，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，里面搜“免费资源”，记住里面有三个免费资源，注意看我下面的图片是哪个地方，如下图和讲解 如上图我都标注好了，那么下面的表格我将提供子比主题自带的背景颜色样式，喜欢什么自己改！ class样式class样式class样式c-red红色文字b-theme主题背景色jb-red渐变红色背景c-yellow橙色文字b-red红色背景jb-yellow渐变橙色背景c-blue蓝色文字b-yellow橙色背景jb-blue渐变蓝色背景c-blue-2深蓝色文字b-blue蓝色背景jb-green渐变绿色背景c-green绿色文字b-green深蓝色背景jb-purple渐变紫色背景c-purple紫色文字b-purple紫色背景jb-vip1渐变金色背景jb-vip2渐变黑色背景 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 单行与双行的文字广告位代码-识趣者资源

子比主题 – 单行与双行的文字广告位代码

这是一篇子比主题单行和双行的文字广告位样式代码，我觉得还是不错的，尤其是昼夜模式，他有一个缓慢的时间去消失，可能说的不是很清楚，看如下动图就可以，这个广告位也适配了手机端，喜欢的自行部署吧！ 单行 双行 [hidecontent type="reply"] 我是放到WordPress小工具里面，定位：WP后台–>>外观–>>小工具–>>自定义HTML！ [/hidecontent] 单行双行 <div class="topics"> <div class="topics-cont"> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中 </a> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中 </a> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中 </a> <a href="https://www.tfbkw.com" target="_blank"> <span>腾飞博客 </span>招租中...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 合作用户列表图片样式-识趣者资源

子比主题 – 合作用户列表图片样式

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 [hidecontent type="reply"] 一共两个部分的代码，一个是HTML，一个是css样式，跟着我的步骤走不会有错 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">腾飞博客感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01c2RPRk1QbIltKsQk9_!!2210123621994.png");"></div> <div class="logo-box"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 右侧随机小姐姐新版样式-识趣者资源

子比主题 – 右侧随机小姐姐新版样式

我之前也分享过一些随机小姐姐的内容，并且自己制作了一个小工具。不过，我觉得这个样式还是蛮不错的。如果你喜欢，可以自己去部署一下。这个工具底部有下一个视频的按钮，此外按空格键也能切换到下一个视频，里面带随机小姐姐接口！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：后台–>>外观–>>小工具–>>自定义HTML代码即可 <style> .video-container { width: 320px; height: 600px; border-radius: 20px; overflow: hidden; position: relative; background-color: #000; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8); font-family: Arial, sans-serif; } .video-container video {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章详情页带Tab切换美化-识趣者资源

子比主题 – 文章详情页带Tab切换美化

今天给大家分享一款自用的子比主题文章详情页，很早之前就想发出来，因为没有适配，看很多人需要所以我抓紧适配了一下，话不多说直接开始，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 记得关闭：子比主题–>>文章页面–>>作者信息板块，要不然不美观 PHP代码CSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图 然后我们将一整块替换我下面的代码，直接替换我修改过的代码 function zib_single() { zib_single_header(); do_action('zib_single_before'); wp_enqueue_style('tengfei-single-top-style', '/wp-content/themes/ZibTF/css/tengfei/single_top.css', array(), '1.0.0'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 全局B2弹窗提醒样式美化-识趣者资源

子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML代码JS代码 我们先丢CSS样式到：子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative; }...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章付费模块单独位置教程-识趣者资源

子比主题 – 文章付费模块单独位置教程

这是一款子比主题为每篇文章单独设置付费模块的显示位置，而不再局限于全局设置，原本的子比主题是全局生效显示的位置，教大家怎么去单独每篇文章不同的位置，话不多说直接开始！ 部署教程 [hidecontent type="reply"] 定位：zibll/zibpay/functions/zibpay-post.php，第240行左右，可以搜索 $pay_box_position 定位。按图删除这几行代码，然后替换成下面的代码。 // 修改付费模块位置逻辑，支持单篇文章自定义设置 function zibpay_get_post_box_position($post_id = 0) { if (!$post_id) { global $post; $post_id = $post ? $post->ID : 0; } $pay_mate = get_post_meta($post_id, 'posts_zibpay', true); $custom_position = !empty($pay_mate['pay_box_position'])...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 会员尊享卡片跳转样式-识趣者资源

子比主题 – 会员尊享卡片跳转样式

逛网站的时候发现一个站的会员卡片还是不错的，不过他是没有手机端的，我这边适配了一下手机端，我觉得还是比较好看的，就一个简单的跳转，如果有技术自行跳转子比的modal的会员，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06) 1px,transparent...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 右上角随机访问文章功能-识趣者资源

子比主题 – 右上角随机访问文章功能

这是一款子比主题的右上角随机访问文章功能，利用的子比自带的颜色和跳转图标，给自己的右上角加一个随机文章还是比较美观的，喜欢的自行部署吧！ [hidecontent type="reply"] 一共两个部分的代码，跟着我的教程走不会有问题！ func代码zib-header.php代码角标颜色 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ function register_random_post_redirect_endpoint() { register_rest_route('wp/v2', '/random-post', array( 'methods' => 'GET', 'callback' => 'handle_random_post_redirect', 'permission_callback' => '__return_true' )); } add_action('rest_api_init', 'register_random_post_redirect_endpoint'); function handle_random_post_redirect($request) { // 获取所有已发布的文章 $args = array( 'post_type' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…1112131415跳转