子比美化 第5页
标签
排序
2026-02-03
2588积分
子比主题-悬浮导航样式-识趣者资源

子比主题-悬浮导航样式

子比主题右侧悬浮导航按钮新版，样式简约鼠标放置响应位置会有文字提示，支持全屏显示当前页面二维码，夜间模式切换，开通会员等功能 代码部署 [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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-02-08
评论可见
子比美化-给文章标题文字添加彩色渐变效果-识趣者资源

子比美化-给文章标题文字添加彩色渐变效果

演示图 代码 [hidecontent type="reply"] /*文章标题加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation 4s...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-07
评论可见
子比美化-添加最新通知模块小工具-识趣者资源

子比美化-添加最新通知模块小工具

演示图 教程： 在后台–>外观–>小工具–>自定义HTML，把自定义HTML放到合适的位置，然后把下面代码复制粘贴进去，即可在前台显示 [hidecontent type="reply"] <div class="zhankr-zx"> <span>NEWS</span> <div class="zhankr-zx-n"> <strong>最新</strong> <strong>通知</strong> </div> </div> <div class="zhankr-zx-n"> <center> <strong>如果您邮箱是QQ邮箱,注册或登录时邮箱收不到验证码</strong><br> <strong>可能是近期官方邮件发送过多,请查看QQ邮箱-垃圾箱</strong> </center> </div> <style> .zhankr-zx { position: relative; margin-bottom: 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-08
评论可见
子比主题 – 多栏目文章小工具栏目标题居中显示-识趣者资源

子比主题 – 多栏目文章小工具栏目标题居中显示

演示图 教程 [hidecontent type="reply"] 原来是在左侧，加上这个代码可居中显示 .widget-tab-post.style-card.index-tab.relative-h .relative.mb20{text-align:center;} [/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>招租中...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-27
评论可见
子比主题美化 – 评论区添加随机夸夸功能（修复api）-识趣者资源

子比主题美化 – 评论区添加随机夸夸功能（修复api）

有很多人在网站浏览需要回复，有的比较嫌麻烦不愿意打字，也会收到一些各种评论相对比较杂乱，今天分享一个用夸夸功能，来替代传统的评论一言，将它们分开使用，先看看效果图，再考虑使用不使用！ 教程 [hidecontent type="reply"] css代码自行本地化 或直接下载 .kuakua-first-box{ margin: auto; width: 440px; border-radius: 16px; bottom: auto; min-height: 10rem; left: 50%; position: fixed; right: auto; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1032; box-shadow: 0px 0px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-04-09
评论可见
子比主题 – 叠加封面卡片组件右下角添加自定义图片-识趣者资源
子比美化

美化子比主题 – 叠加封面卡片组件右下角添加自定义图片

预览图 [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .icon-cover-card { background-image: url('https://img.alicdn.com/imgextra/i3/2215711783898/O1CN01iqZP1P1efKzKO3KeQ_!!2215711783898.png') !important; background-size: 15% auto !important; /* 可以调整这个值改变图片大小 */ background-position: right bottom !important; /* 定位到右下角 */ background-repeat: no-repeat !important; /* 防止重复 */ } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 26天前
#子比美化
 2026-01-31
20积分
子比主题 – 文章页隐藏侧边栏按钮-识趣者资源

子比主题 – 文章页隐藏侧边栏按钮

截图 展开 实现 [hidecontent type="payshow"] 在主题的function.php中添加 // 侧边栏切换 add_action('wp_footer', function() { if (!is_single()) return; echo '<style>.stg{width:36px;height:20px;background:#ccc;border-radius:20px;cursor:pointer;position:relative;margin-left:8px}.stg::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}.stg.on{background:var(--focus-color)}.stg.on::after{left:18px}</style>'; echo '<script>jQuery(function($){var b=$("body"),m=$(".single-metabox"),o=b.attr("class").match(/site-layout-[23]/);if(!m.length||!o)return;o=o[0];var s=$("<span class=stg>").appendTo(m),k="zib_hide_sidebar";if(localStorage[k]==="1"){b.removeClass(o).addClass("site-layout-1");s.addClass("on")}s.click(function(){s.toggleClass("on");b.toggleClass("site-layout-1 "+o);localStorage[k]=s.hasClass("on")?"1":"0"})})</script>'; }); [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-25
评论可见
子比主题 – 首页VIP购买小工具（第一版）-识趣者资源

子比主题 – 首页VIP购买小工具（第一版）

这个小工具是一个给自己的网站首页加一个VIP购买的小工具，这个小工具我做了有一段时间了，只是隔这了没做了，今天VIP小工具来了，如果用页面的话，用户看不到根本，那我就做一个VIP购买小工具，7B2的VIP购买样式，我不想去适配手机端，手机端如果适配的感觉不怎么好看，所以我自动隐藏了手机端 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_zibvips.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_zibvips.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_zibvips.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 首页VIP购买小工具（第一版）下载提取码zmFg [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…34567…36跳转