子比美化 第34页
标签
排序
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]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比主题-下雪特效悬浮按钮-识趣者资源

子比主题-下雪特效悬浮按钮

效果 教程 [hidecontent type="reply"] <style> /* 悬浮按钮样式 */ .snow-control { position: fixed; bottom: 30px; right: 30px; z-index: 1000; } .snow-toggle { width: 60px; height: 60px; background: linear-gradient(135deg, #4facfe, #00f2fe); border-radius: 50%; display: flex; align-items: center;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 42天前
#子比美化
 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]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-02
100积分
子比主题美化 – 动态粒子背景GO跳转页面美化源码-识趣者资源

子比主题美化 – 动态粒子背景GO跳转页面美化源码

美化简介 上传子比主题目录下覆盖go.php文件即可，注意！原来的go.php一定要备份！备份！备份！！！，下面是效果图片 美化效果 美化教程 [hidecontent type="payshow"] <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") !== false || strpos($_SERVER['REQUEST_URI'], "base64") !== false ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-19
400积分
子比主题-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%);/*多个叠加*/...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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']) ?...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-02
评论可见
子比主题功能 – Docker栏功能-识趣者资源

子比主题功能 – Docker栏功能

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