子比主题美化-顶部多功能组件搜索框美化
样式一： 自定义css 自定义JavaScript代码 document.addEventListener('DOMContentLoaded', function () { const button = document.querySelector('.search-input-text .abs-right button.null...
子比主题美化-svg代码全局替换
教程 下载下面代码，将下面代码替换wp-content/themes/zibll/js/svg-icon.js 介绍 文件中的图标可以任意替换自己想要的图标svg代码，可以去阿里巴巴矢量图标库获取svg，就是通过js代码去调用这...
子比主题 – 鼠标悬停边框美化
教程开始 将下面代码放进自定义css代码中即可 .card { box-shadow: 0.3em 0.3em 0.7em #00000015; border: rgba(0, 0, 0, .05) 0.2em solid; } .card:hover { border: #006fff 0.2em solid; tra...
子比主题美化 – 侧边栏动态时间
教程开始 进入wp后台/外观/小工具/自定义html/放在侧边栏 代码 <style> .times { margin: 0; padding: 0; height: 100%; } .times2 { height: 100%; background: #fff; } .times2 svg { heig...
为你的子比主题添加一个门铃声
教程开始 打开WordPress后台-子比主题设置-全局&功能-自定义底部HTML，将下面HTML填入进去即可 <!--自动一声--> <audio id='myaudio' src='https://oss.uzm.cc/mp3/dd.mp3' acontrols...
子比主题美化 – 子比主题拟态CSS
教程开始 打开子比主题设置，自定义css代码，填写下面代码 .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_we...
子比主题美化-底部添加蓝色波浪
教程开始 进入宝塔面板，进入子比主题文件夹（zibll）找到footer.php文件夹，在footer标签(</footer>)下面添加下面代码。 <!--底部波浪开始 墨星博客moxingbk.com--> <div class='w...
子比主题 – 给签到增加五彩缤纷的背景颜色
主题后台–>>自定义代码–>>自定义CSS样式 /*加点颜色加点料*/ .user-ranking-item.relative { background: #ffd1d8; border-radius: var(--main-radius); } .user-ranking-item.relative:nth-c...
子比主题 – 付费详情说明模块美化
教程 网站后台->Zibll主题设置->商城&付费->商城配置->更多详情，输入需要显示的文字 CSS代码 网站后台->Zibll主题设置->全局&功能->自定义代码->自定义CSS样式 图片：http...
子比主题 – 弹出模拟框增加提醒
教程 将以下代码放到：子比主题–>>自定义代码–>>自定义JavaScript代码 $(document).ajaxComplete(function(event, xhr, settings) { // 当所有的 AJAX 请求完成时执行以下代码 $('.modal-dial...
