子比美化 第13页
标签
排序
2026-02-07
评论可见
子比主题 – 给页脚二维码加动态Border-识趣者资源

子比主题 – 给页脚二维码加动态Border

[hidecontent type="reply"] /*底部板块三图片border*/ .footer-miniimg { p{ position: relative; &:hover { filter: contrast(1.1); } &:active { filter: contrast(0.9); } &::before, &::after{ content: ""; border: 2px solid; border-image: linear-gradient(45deg, gold, deeppink) 1; position: absolute; top: -5px; left:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-03-20
评论可见
子比主题-给LOGO点颜色瞧瞧-识趣者资源
子比美化

美化子比主题-给LOGO点颜色瞧瞧

转载自阿呆日记-给你的logo来点颜色瞧瞧,个人感觉还不错。 请看展示图 [hidecontent type="reply"] 放置子比主题后台自定义CSS代码 .navbar-logo { background-image: linear-gradient(to right, red, blue); /* 修改渐变起始颜色和结束颜色 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: hue 4s infinite; } @keyframes hue { from { filter: hue-rotate(0deg); } to { filter:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-22
评论可见
子比主题美化 – 底部横向网站信息统计模块-识趣者资源

子比主题美化 – 底部横向网站信息统计模块

介绍 分享一下子比的底部横向网站统计的模块，有博客播报、文章统计、浏览统计，用起来非常美观而且还非常实用的一个底部美化！！！不知道原创是谁，网上的资源整理测试的。 教程 子比主题的主题目录下，header.php 底部添加下方核心函数代码 [hidecontent type="reply"] <script type="text/javascript" > //文章总数 <?php $count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_wzzs="."'$published_posts'";?> //本周发布 <?php $post_wpdb = get_posts_count_from_last_168h($post_type ='post');echo "var tj_bzfb="."'$post_wpdb'";?> //运行时间 <?php $wdyx_time = floor((time()-strtotime("2023-11-11 11:11:11"))/86400);echo "var tj_yxsj="."'$wdyx_time'";?> //用户总数...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2026-01-28
评论可见
子比主题美化 – 文章页高亮商用版权提示-识趣者资源

子比主题美化 – 文章页高亮商用版权提示

优化用户体验，文章页高亮商用版权提示功能，帮助用户快速识别内容版权信息，确保合法使用，提升网站合规性与专业性。 效果预览 代码部署 [hidecontent type="reply"] HTMLCSS 代码投放：网站后台->子比主题->文章页面->文章页面底部 <div class="shangye">本站资源均为作者提供和网友推荐收集整理而来，仅供学习和研究使用，请在下载后24小时内删除，谢谢合作！</div> 商图下方下载！ 代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式 .shangye { color: white; background: #5282f7 url(你的图片链接) 3px 3px no-repeat; border: 1px solid #5282f7; overflow: hidden;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-26
评论可见
子比美化-文章列表果冻弹跳效果-识趣者资源
美化样式

美化子比美化-文章列表果冻弹跳效果

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 图片展示 教程开始 将下面代码放到主题设置里的自定义CSS即可 [hidecontent type="reply"] .posts.posts-item.card.ajax-item:hover { -webkit-animation: jumps-data-v-6bdef187 1.2s ease 1; animation: jumps-data-v-6bdef187 1.2s ease 1; } @-webkit-keyframes jumps-data-v-6bdef187 { 0% { transform: translate(0); } 10% { transform: translateY(5px) scaleX(1.2) scaleY(0.8); } 30%...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-27
200积分
子比主题 – 全局边框及卡片拟态动漫小人美化-识趣者资源
子比美化

美化子比主题 – 全局边框及卡片拟态动漫小人美化

效果演示 代码部署 [hidecontent type="payshow"] 把下方代码添加到子比后台-自定义css样式里即可，图片如果相关调整图片链接即可： posts.posts-item.list.ajax-item.flex, .zib-widget, .main-bg { border: 2px solid #1d1d1d; } .posts-item { border: 2.5px solid #212121; } .item-body::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 1px; background-image: url('https://oss.14wl.cn/wp-content/uploads/2026/02/20260227132759385-689a9e6358cb8da5c81b8500 .png');...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-05
388积分
子比美化教程 – 仿MACGF单行文章列表小工具-识趣者资源

子比美化教程 – 仿MACGF单行文章列表小工具

仿MACGF单行文章列表小工具 美化效果 食用教程 一、func.php代码 网站目录找到/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在zibll目录创建一个，创建之后记得加php头！ [hidecontent type="payshow"] $widgets_files = array( 'zbfox_single_posts_list.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/fetl/widgets/' . $file; } 此段代码切勿添加多次，否则报错！此段代码切勿添加多次，否则报错！此段代码切勿添加多次，否则报错！ 如果以前添加过其他类似的小工具，那么‘tengfei_banner_four.php’, 这段代码那就只需添加在上一个小工具的下方即可，下面的/fetl/widgets/代表的就是小工具的存放路径。 二、小工具代码 附件上传到：/wp-content/themes/zibll解压即可！ 部署完代码后选择小工具位置：网站后台 -> 外观 -> 小工具 -> ZbFox...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-27
700积分
子比主题-阿呆原创新版动态+静态滚动视差波浪统计页脚-识趣者资源
子比美化

页脚子比主题-阿呆原创新版动态+静态滚动视差波浪统计页脚

预览图 教程 [hidecontent type="payshow"] 在主题文件的footer.php,替换整个文件的代码 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description :...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-16
评论可见
子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标-识趣者资源

子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标

子比主题美化-文章浏览量超过一定的数量就出现一个热帖图标 效果展示 代码部署 根目录/wp-content/themes/zibll/找到functions.php添加到底部 把代码里面的图片链接替换最下面喜欢的图片链接即可 [hidecontent type="reply"] /*文章开头大于50浏览量出现热帖图片*/ add_filter('the_content', 'add_lu_content_beforde'); function add_lu_content_beforde( $content ) { if( !is_feed() && !is_home() && is_singular() && is_main_query() ) { $viewnum= (int) get_post_meta( get_the_ID(), 'views', true ); if ($viewnum >...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…1112131415…36跳转