子比美化共264篇
子比主题美化相关教程
分类
排序
2026-02-08
评论可见
子比主题 – 多栏目文章小工具栏目标题居中显示-识趣者资源

子比主题 – 多栏目文章小工具栏目标题居中显示

演示图 教程 [hidecontent type="reply"] 原来是在左侧，加上这个代码可居中显示 .widget-tab-post.style-card.index-tab.relative-h .relative.mb20{text-align:center;} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-02-08
评论可见
子比美化-思幻音乐播放器代码版-识趣者资源

子比美化-思幻音乐播放器代码版

演示图 教程 放到后台-自定义代码-自定义HTML底部 [hidecontent type="reply"] <!-- 引入思幻音乐播放器插件开始 --> <script src="https://47zhe.cn/js/newindex.js"></script> <style> #shmusiczr { /* 距离网页右侧的距离，请根据需要自行更改 */ right: 15px; /* 距离网页底部的距离，请根据需要自行更改 */ bottom: 70px; } /* 在小屏幕设备（如手机）上隐藏播放器 */ @media (max-width: 768px) { #shmusiczr { display: none...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-02-08
100积分
子比主题美化– 资源下载区块背景图美化-识趣者资源

子比主题美化– 资源下载区块背景图美化

演示图 教程 [hidecontent type="payshow"] #posts-pay { background-image: url(https://i.imgs.ovh/2026/02/08/ylv2oa.png); } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-02-08
评论可见
子比美化-给文章标题文字添加彩色渐变效果-识趣者资源

子比美化-给文章标题文字添加彩色渐变效果

演示图 代码 [hidecontent type="reply"] /*文章标题加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation 4s...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-02-08
500积分
子比主题 – 自定义动态置顶标志-识趣者资源

子比主题 – 自定义动态置顶标志

[hidecontent type="payshow"] /* 文章置顶美化开始*/ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56% 59%,58% 62%,59% 56%,60% 52%,63% 57%,63% 62%,61% 68%,63% 72%,65% 77%,67%...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-02-08
评论可见
子比主题 – 给签到增加五彩缤纷的背景颜色-识趣者资源

子比主题 – 给签到增加五彩缤纷的背景颜色

[hidecontent type="reply"] 主题后台–>>自定义代码–>>自定义CSS样式 /*加点颜色加点料*/ .user-ranking-item.relative { background: #ffd1d8; border-radius: var(--main-radius); } .user-ranking-item.relative:nth-child(1) { background: #ffd1d8; } .user-ranking-item.relative:nth-child(2) { background: #ffa50085; } .user-ranking-item.relative:nth-child(3) { background: #ffff0080; } .user-ranking-item.relative:nth-child(4) { background: #98ff0073; } .user-ranking-item.relative:nth-child(5) { background: #c4cffa;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2026-02-07
评论可见
子比主题美化-底部添加蓝色波浪-识趣者资源

子比主题美化-底部添加蓝色波浪

教程开始 进入宝塔面板，进入子比主题文件夹（zibll）找到footer.php文件夹，在footer标签(</footer>)下面添加下面代码。 [hidecontent type="reply"] <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 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:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-07
评论可见
子比主题 – 侧边动态时钟与温馨问候语-识趣者资源

子比主题 – 侧边动态时钟与温馨问候语

将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 [hidecontent type="reply"] <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5; border-radius: 10px; box-shadow: 0 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-07
评论可见
子比主题 – 底部添加波浪滚动-识趣者资源

子比主题 – 底部添加波浪滚动

教程 [hidecontent type="reply"] SVGCSS 将下面的代码放到/wp-content/themes/zibll/footer.php文件里面的的标签前面即可，如果不会的话直接看下图即可！ <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"style="bottom: 4px;"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-07
评论可见
子比主题 – 文章侧边倒计时小工具-识趣者资源

子比主题 – 文章侧边倒计时小工具

教程 [hidecontent type="reply"] $widgets_files = array( 'tengfei_data.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 子比主题 – 文章侧边倒计时小工具下载 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-07
评论可见
子比主题 – 动态时钟与问候语小工具-识趣者资源

子比主题 – 动态时钟与问候语小工具

演示图 [hidecontent type="reply"] <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div> </div> </div> <style>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-07
评论可见
子比主题 – 动态背景符号元素效果-识趣者资源

子比主题 – 动态背景符号元素效果

第一步 首先我们将下面的代码放到：子比主题–>>自定义底部HTML代码即可！ [hidecontent type="reply"] <link rel="stylesheet" href="/wp-content/themes/zibll/css/tengfei/yuansufuhao.css" /> <script>$('head').before('<div class="container1"><div class="inner-container1"><div class="shape"></div></div><div class="inner-container1"><div class="shape"></div></div></div>');</script> <script>$(document).ready(function(){var html='';for(var i=1;i<=50;i++){html+='<div class="shape-container--'+i+' shape-animation"><div class="random-shape"></div></div>'}document.querySelector('.shape').innerHTML+=html});</script> [/hidecontent] 第二步 我们将附件直接下载然后在：/wp-content/themes/zibll/目录下上传，也就是子比根目录 [hidecontent type="reply"] 动态元素符合背景样式1.zip下载 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-07
评论可见
子比美化 – 网站鼠标样式美化-识趣者资源

子比美化 – 网站鼠标样式美化

教程： 可自行去网上下载个喜欢的鼠标样式，可以是图片可以是cur格式，自行将鼠标样式上传至某个目录，修改下面代码内的链接/路径既可。 [hidecontent type="reply"] 网站后台->Zibll主题设置->全局&功能->自定义代码->自定义CSS样式 /*鼠标样式修改开始*/ body { cursor: url(无链接时鼠标样式文件路径), default; } a:hover, .cursor:hover, button:hover, svg:hover { cursor: url(有链接时鼠标样式文件路径), pointer; } /*鼠标样式修改结束*/ 鼠标样式猫爪下载 [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
 2026-02-07
评论可见
子比美化-给文章标题文字添加彩色渐变效果-识趣者资源

子比美化-给文章标题文字添加彩色渐变效果

演示图 教程 把下面代码放到后台自定义CSS [hidecontent type="reply"] /*文章标题加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation...
识趣资源的头像-识趣者资源至尊会员识趣资源· 前天
#子比美化
123…18跳转