子比美化 第23页
子比主题美化相关教程
分类
排序
2026-01-19
400积分
子比主题美化 – 首页排名榜样式美化-识趣者资源

子比主题美化 – 首页排名榜样式美化

首先我们要知道这个排名榜一共是三个文件代码，HTML、CSS和图片，话不多说直接开始(适配夜间） [hidecontent type="payshow"] <div id="syphb" class="container list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">子比美化</a> <div class="class-box"> <?php query_posts('cat=3&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank" href="<?php esc_url(the_permalink()); ?>" rel="external nofollow" rel="external nofollow" rel="external...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 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-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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 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个月前
#子比美化
 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个月前
#子比美化
 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个月前
#子比美化
 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. 性能优化 数据库索引优化 –...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 53天前
#子比美化
 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);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-26
免费
评论可见
子比主题美化 – 首页排行榜-识趣者资源
子比页面

功能子比主题美化 – 首页排行榜

网站设立排行榜的好处多种多样，以下是一些可能的好处： 提升用户体验：排行榜可以提供用户感兴趣的内容，让用户更方便地找到他们想要的信息。这种互动形式可以吸引用户的注意力，提高用户在网站上的停留时间和页面浏览量。 增加网站流量：排行榜往往会吸引用户的点击，从而增加网站的访问量。这有助于提高网站的曝光度和知名度。 引导用户行为：通过设立不同的排行榜，网站可以引导用户的行为，比如鼓励用户参与某种活动，或者推广某种产品。 建立品牌形象：排行榜也是展示网站或品牌形象的一种方式。例如，如果一个网站的音乐排行榜总是能引领潮流，那么这个网站就会被认为是音乐领域的权威。 促进内容创新：为了能在排行榜上获得好名次，内容创作者可能会努力创作更优质的内容。这有助于促进网站内容的创新和提升。 增加广告收入：如果排行榜吸引了大量的用户关注，那么网站就可以通过出售广告位来增加收入。 总的来说，设立排行榜可以根据你的需求和目标来提升网站的整体质量和用户体验，从而增加网站的流量和收入。 教程 [hidecontent type="reply"] 在主题的func.php中引入 //排行榜 function get_post_thumbnail_url($post_id) { $thumbnail_url = get_the_post_thumbnail_url($post_id, 'thumbnail'); if (empty($thumbnail_url)) { $content = get_post_field('post_content', $post_id); if (strpos($content, '<img') !== false) { preg_match('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content,...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
1…212223跳转