子比美化 第15页
子比主题美化相关教程
分类
排序
2026-01-22
子比主题美化 – 文章列表多种动画效果美化-识趣者资源

子比主题美化 – 文章列表多种动画效果美化

效果一（加载上浮动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果二（上浮弹性动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果三（缩放旋转动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} [/hidecontent]...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2026-01-28
子比主题-侧边滚动条样式美化教程-识趣者资源

子比主题-侧边滚动条样式美化教程

WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化啦！狐狸站长今天就教大家如何自定义美化侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化WordPress侧边滚动栏，并且代码适用于绝大多数WordPress主题。 使用方法 只需在主题设置自定义CSS代码里面添加美化的css代码即可！ 如果主题没有 自定义代码 那么在WordPress主题目录文件里找style.css文件或者在WordPress后台里找“外观—>自定义—>额外CSS”里面美化的css代码即可！ 单色滚动条样式 [hidecontent type="reply"] /*滚动条显示样式*/ ::-webkit-scrollbar-thumb{ background-color:#FF6666; /*更改喜欢的十六进制颜色*/ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*滚动条大小*/ ::-webkit-scrollbar{ width:8px; height:8px; } /*滚动框背景样式*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; } [/hidecontent]...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-01-19
子比主题-CSS 实现炫酷字体效果-识趣者资源

子比主题-CSS 实现炫酷字体效果

一、css3 空心文字 .hollow{ -webkit-text-stroke: 1px black; -webkit-text-fill-color : transparent; font-size: 30px; color:#fff;} 空心字/缕空效果 .hollow{ text-shadow: 0 0 2px hsl(40, 28.57% , 28.82%),0 0 2px hsl(40, 28.57% , 28.82%), 0 0 2px hsl(40, 28.57% , 28.82%);/*多个叠加*/...
识趣资源的头像-识趣者资源至尊会员识趣资源· 16天前
#子比美化
 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']) ?...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-28
子比主题美化 – 网站底部添加 CTRL+D 收藏按钮-识趣者资源

子比主题美化 – 网站底部添加 CTRL+D 收藏按钮

效果预览 代码部署 1、将下面的代码添加在网站页脚底部或者在 WordPress 后台添加小工具，效果展示是一样的我是添加在小工具的2、添加路径：在后台 >> 外观 >> 小工具 >> 自定义 HTML >> 选择你需要放的位置站长是放在 所有页面-页脚区内部 添加下方代码 [hidecontent type="reply"] <!---CTRL+D 收藏小工具开始 ---> <style type="text/css"> #go-fav { width: 100%; height: 60px; line-height: 60px; text-align: center; background: #3d3d3d;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-02-02
子比主题功能 – Docker栏功能-识趣者资源

子比主题功能 – Docker栏功能

功能简介 这个是我在用苹果的时候想到的，在这个功能里面，管理员可以设置默认的icon链接，也可以放些图片等等的，同时用户也可以拖一些常用的链接可以进行保存，这个代码是我从我插件代码里面直接拆出来的，如果进行二开或者转载的话，请标明原作者 如果有问题自己改改，之前的资源我发出来了 核心功能 底部Docker容器 – 在网页底部固定显示类似macOS Dock的快捷链接栏 拖拽添加链接 – 用户可以将网页链接拖拽到Docker区域自动添加 智能favicon获取 – 自动获取网站图标并缓存 用户自定义链接 – 登录用户可以添加、管理自己的快捷链接 默认链接配置 – 管理员可预设默认链接（所有用户可见） 特殊特色 1. 精致的UI设计 苹果风格磨砂玻璃效果（毛玻璃背景） 流畅的交互动画（悬停缩放、淡入淡出） 智能标题显示（鼠标悬停时显示网站标题） 暗黑模式适配 2. 智能favicon系统 多层级favicon发现机制 本地缓存优化（减少重复请求） 标准位置优先检测 HTML head部分解析优化 3. 性能优化 数据库索引优化 –...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-01-28
子比主题-独立下载页面美化第一版-识趣者资源

子比主题-独立下载页面美化第一版

使用说明 修改了下载页面，添加手机自适应，如果更新主题时下载页面（/wp-content/themes/zibll/pages/download.php）没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 效果演示 [hidecontent type="reply"] <?php /** * Template name: XY-资源下载 * Description: XY-独立资源下载页面 */ if (empty($_GET['post'])) { get_header(); get_template_part('template/content-404'); get_footer(); exit; } get_header(); $post_id = $_GET['post']; function zibpay_get_down_html($post_id) { $pay_mate = get_post_meta($post_id, 'posts_zibpay', true);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2025-12-13
子比主题 – 未登录用户禁止查看图片-识趣者资源

子比主题 – 未登录用户禁止查看图片

这是一款子比主题用户没有登入的情况下用户禁止查看图片，但是我觉得这个是一个封面的代码，不过在任何展示文章图片的地方都生效，一行判断搞定，这里只判断了未登录不显示缩略图，所以很简单，一行代码可以解决的东西 代码部署 [hidecontent type="reply"] 我们先到目录：/wp-content/themes/zibll/inc/functions/zibll-theme.php，然后搜if ($show_url)，然后在他这一块的上面加上下面的代码！ // 最后登录判断 if(!is_user_logged_in()){ $img_url = '图片链接地址'; } https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01iV7q291QbInEwlATS_!!2210123621994.jpg [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-25
子比美化 – 最新访客小工具-识趣者资源

子比美化 – 最新访客小工具

这是一款子比主题的文章最新访客小工具，这个小工具可以看到哪个用户看这篇文章，非常实用的一款小工具，这个小工具我加了移动端和电脑端分别不显示或者显示，因为我毕竟不是很喜欢手机端显示，那样的话文章页面太多东西了，喜欢的自行部署吧！ 更新说明 25/4/1 添加电脑端和手机端显示规则按钮 添加标签可自定义文字 更新手机端显示可以横向滑动展示 部署代码 附件上传到：/wp-content/themes/zibll解压！ 以下代码插入zibll/func.php 如果没有func.php这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！ 小工具配置 [hidecontent type="payshow"] 附件上传到：/wp-content/themes/zibll解压！ 以下代码插入zibll/func.php 如果没有func.php这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！ $widgets_files = array( 'tengfei_visitor_info.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_stylesheet_directory() . '/tengfei/widgets/' . $file; } 把小工具拉到文章内容...
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2026-01-28
子比主题美化 - 文章页内容上方广告代码-识趣者资源

子比主题美化 – 文章页内容上方广告代码

在文章页面的上方，您可以设计一个类似优待卷的标签样式，具备跳转功能。这种设计不仅提升了页面的美观度，还非常适合用来放置站长的相关链接，提升网站的访问量与用户体验。这样的标签可以吸引读者的注意力，鼓励他们进行点击，从而实现更好的互动效果。 [hidecontent type="reply"] HTMLCSS 可使用小工具放置 网站后台->外观->小工具->自定义HTML 至任意位置。 <div class="single-gg"> <div class="single-gg-left"> <div class="single-gg-img"> <img src="修改为自己的图片"> </div> <div class="single-gg-desc">恭喜你发现了宝藏！</div> </div> <div class="single-gg-right"> <a href="https://huliku.com" target="_blank" class="single-gg-btn">立即去挖宝</a> </div> </div> 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 ->...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2025-12-13
子比主题 – 底部Dock栏二开插件_带后台-识趣者资源

子比主题 – 底部Dock栏二开插件_带后台

这是一款子比主题底部Dock栏二开的插件，这款插件带后台，并且组件是二开星书签的组件，腾飞简单的测试了，直接上传到插件使用即可，简单版本适配其他主题，支持前台自定义图标，右键可以删除，喜欢的自行部署吧！ 如果你的网站用了右键菜单美化，可以在JS禁用的位置增加： // 禁用默认右键菜单 window.addEventListener('contextmenu', e => { // 如果点击的是 Dock 用户添加的应用图标，不阻止 if (e.target.closest('.dock-icon[data-app-id]')) { return; } e.preventDefault(); }, { passive: false });
识趣资源的头像-识趣者资源至尊会员识趣资源· 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个月前
#子比美化
 2026-01-13
子比主题-让网站禁用F12控制台-识趣者资源

子比主题-让网站禁用F12控制台

前言让网站禁止访问控制台，打开控制台就会跳转到另一个页面，取消就会返回上一页，这个没图，你们可以自己试一下。代码路径自己调整一下，跳转的页面我就打包了，自行下载吧！[hidecontent type="reply"]JS代码<script type="module"> import devtools from './banf12/js/moukey.js'; if (devtools.isOpen) { window.location.href = "./banf12"}; window.addEventListener('devtoolschange', event => { if (event.detail.isOpen) { window.location.href = "./banf12"}; }); </script>[/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
1…131415跳转