2026年02月的文章 第13页

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;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 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...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
1…1112131415…19跳转