子比美化 第14页
标签
排序
2026-02-18
500积分
子比主题 – 文章顶部添加文章信息（纯代码版）-识趣者资源
子比美化

功能子比主题 – 文章顶部添加文章信息（纯代码版）

演示效果 部署教程 [hidecontent type="payshow"] 把以下代码放入 functions.php 即可 function add_custom_html_to_wz() { if(is_single()&& get_post_type() === 'post'){ ?> <style> @media screen and (min-width:768px) { .head_box_mx { color:white; position:relative; text-align:center; box-sizing:border-box; margin-top:-20px; margin-bottom:20px; } } @media screen and (max-width:768px)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-27
350积分
子比主题-文章强制每行5个【卡片模式】-识趣者资源
子比美化

功能子比主题-文章强制每行5个【卡片模式】

示例图 子比默认每行4个 修改后默认5个 部署教程 [hidecontent type="payshow"] 括号里的数值可以自己定义，不难理解就是控制卡片&列表宽度用的。这个根据自己的页面情况需求修改就好！ 需要多个列表修改百分比即可，5个=20%以此类推。 /*文章卡片排列X5*/ @media (min-width: 769px) { .posts-item.card { width: calc(20% - 16px); } }/*识趣资源 https://47zhe.cn*/ [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2025-12-23
子比主题 – 社区LOGO单独设置插件-识趣者资源

子比主题 – 社区LOGO单独设置插件

这是一款子比主题社区logo单独设置插件，有一些站长既有博客又有论坛，但是不想用同一...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 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-01-22
评论可见
子比主题美化 – 圆环进程时钟-识趣者资源

子比主题美化 – 圆环进程时钟

介绍 这是一个圆环进程的时钟，非常适合自己放在子比网站底部与横向统计使用，不过你也可以放在其他地方都可以！ 教程 此时钟可以配合横向信息统计来搭配放子比主题底部即可！ [postsbox post_id="1927"] [hidecontent type="reply"] 此时钟为单页html，复制代码带网站后台创建一个index.php粘贴进去，直接访问即可 <html> <head> <style> * { border: 0; box-sizing: border-box; margin: 0; padding: 0; } :root { --hue: 223; --bg: hsl(var(--hue),10%,90%); --fg: hsl(var(--hue),10%,10%); font-size: calc(16px + (24...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1…1213141516…36跳转