本文最后更新于2025年4月11日，部分网盘链接偶尔抽风，下载地址如有失效，请在文章评论区留言反馈。

老刘自己测试了子比主题最新7.3的开心版，主题使用功能上目前全部正常，就是差一些美化，老刘自己修改了一些，供参考，也作为老刘的备忘录。

css代码添加路径：

Zibll主题设置-全局&功能-自定义代码

css代码7.25更新

/* logo扫光 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
/*导航栏字体加粗*/
ul.nav {font-weight: 700;}
/*鼠标指针样式*/ 
body{cursor:url(https://www.mmsy.club/wp-content/uploads/2023/07/3933aecdb8182306.png), default;}
a:hover{cursor:url(https://www.mmsy.club/wp-content/uploads/2023/07/f162e616f7182307.png), pointer;}
/*文章随机彩色标签*/
.article-tags{
margin-bottom: 10px
}
.article-tags a{
padding: 4px 10px;
background-color: #19B5FE;
color: white;
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin: 0 5px 5px 0;
border-radius: 2px;
display: inline-block
}
.article-tags a:nth-child(5n){
background-color: #4A4A4A;color: #FFF
}
.article-tags a:nth-child(5n+1){
background-color: #ff5e5c;color: #FFF
}
.article-tags a:nth-child(5n+2){
background-color: #ffbb50;color: #FFF
}
.article-tags a:nth-child(5n+3){
background-color: #1ac756;color: #FFF
}
.article-tags a:nth-child(5n+4){
background-color: #19B5FE;color: #FFF
}
.article-tags a:hover{
background-color: #1B1B1B;color: #FFF
}

/* 鼠标放上去图片放大1.2 */
.hover-zoom-img-sm:hover img, .hover-zoom-sm:hover, .posts-item.mult-thumb .thumb-items>span>img:hover, .posts-item:hover .item-thumbnail img, .posts-mini:hover img {
transform:scale(1.2)!important;
}
/* 页首页脚宽度取消+180px */
.container-footer, .container-header {
max-width:calc(var(--mian-max-width) + 50px)!important;
}
/* 侧边栏小工具标题左移对齐 */
.title-theme {
margin-left:-15px!important;
}
/*头像呼吸光环和鼠标悬停旋转放大*/
.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*滚动条显示样式*/  
::-webkit-scrollbar-thumb{
background: #40E0D0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #FF0080, #FF8C00, #40E0D0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #FF0080, #FF8C00, #40E0D0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:6px;  
   border: 2px solid #fff;  
}  
/*滚动条大小*/ 
::-webkit-scrollbar{  
   width:12px;  
   height:8px;  
}  
/*滚动框背景样式*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}
/*logo自动变色*/ 
.navbar-logo{animation: hue 4s infinite;}@keyframes hue {from {filter: hue-rotate(0deg);}to {filter: hue-rotate(-360deg);}}
/**抖音文字**/
.dyz{text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);}
@keyframes shake-it{
    0%{text-shadow: 0 0 rgba(0, 255, 255, .5), 0 0 rgba(255, 0, 0, .5);}
    25%{text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);}
    50%{text-shadow: -5px 0 rgba(0, 255, 255, .5), 3px 0 rgba(255, 0, 0, .5);}
    100%{text-shadow: 3px 0 rgba(0, 255, 255, .5), 5px 0 rgba(255, 0, 0, .5);}
}
/**菜单顶部色块改为透明**/
.navbar-nav>li:before {
background:transparent!important;
}
/*侧栏小工具统计模块*/
.widget_Websitestat{padding: 8px !important;}
.widgest-boys{overflow: hidden;background-color: var(--body-bg-color);border-radius: var(--main-radius);}
.widgest-boys .widgest-bg{background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;margin-bottom:2px;}
.widgest-boys .widgest-main{align-items:center;place-content:flex-start space-around;display:flex}
.widgest-boys .widgest-meat{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;color:#fff;font-weight:700!important;line-height:1.5!important}
.widgest-bg{transition:all .3s}
.widgest-bg:nth-child(odd):hover{transform:translateX(20px)}
.widgest-bg:nth-child(even):hover{transform:translateX(-20px)}
.widgest-bg1{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/01.jpg);}
.widgest-bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/02.jpg);}
.widgest-bg3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/03.jpg);}
.widgest-bg4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/04.jpg);}
.widgest-bg5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/05.jpg);}
.widgest-bg6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/06.jpg);}
.widgest-bg7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/07.jpg);}
.widgest-bg8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/08.jpg);}
.widgest-bg9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/09.jpg);}
.widgest-bg10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/10.jpg);}
.widgest-bg11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(https://www.mmsy.club/wp-content/uploads/2023/07/11.jpg);}
  • 代码中侧栏小工具统计模块是插件的额外css代码，效果图如下

  • 插件下载

https://www.123pan.com/s/PvUrVv-Mmxr.html

提取码:hF6L

css代码：

/*文章随机彩色标签*/
.article-tags{
margin-bottom: 10px
}
.article-tags a{
padding: 4px 10px;
background-color: #19B5FE;
color: white;
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin: 0 5px 5px 0;
border-radius: 2px;
display: inline-block
}
.article-tags a:nth-child(5n){
background-color: #4A4A4A;color: #FFF
}
.article-tags a:nth-child(5n+1){
background-color: #ff5e5c;color: #FFF
}
.article-tags a:nth-child(5n+2){
background-color: #ffbb50;color: #FFF
}
.article-tags a:nth-child(5n+3){
background-color: #1ac756;color: #FFF
}
.article-tags a:nth-child(5n+4){
background-color: #19B5FE;color: #FFF
}
.article-tags a:hover{
background-color: #1B1B1B;color: #FFF
}
/* logo扫光 */
.navbar-brand{
position:relative;
overflow:hidden;
margin: 0px 0 0 0px;
}
.navbar-brand:before{
content:""; 
position: absolute; 
left: -465px; 
top: -460px; 
width: 240px; 
height: 10px; 
background-color: rgba(255,255,255,.5); 
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
-o-transform: rotate(-45deg); 
transform: rotate(-45deg); 
-webkit-animation: searchLights 5s ease-in 0s infinite; 
-o-animation: searchLights 5s ease-in 0s infinite; 
animation: searchLights 5s ease-in 0s infinite;
}
@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}
@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
/* 鼠标放上去图片放大1.2 */
.hover-zoom-img-sm:hover img, .hover-zoom-sm:hover, .posts-item.mult-thumb .thumb-items>span>img:hover, .posts-item:hover .item-thumbnail img, .posts-mini:hover img {
transform:scale(1.2)!important;
}
/* 页首页脚宽度取消+180px */
.container-footer, .container-header {
max-width:calc(var(--mian-max-width) + 50px)!important;
}
/* 侧边栏小工具标题左移对齐 */
.title-theme {
margin-left:-15px!important;
}
/*头像呼吸光环和鼠标悬停旋转放大*/
.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*滚动条显示样式*/  
::-webkit-scrollbar-thumb{
background: #40E0D0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #FF0080, #FF8C00, #40E0D0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #FF0080, #FF8C00, #40E0D0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:6px;  
   border: 2px solid #fff;  
}  
/*滚动条大小*/ 
::-webkit-scrollbar{  
   width:12px;  
   height:8px;  
}  
/*滚动框背景样式*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}

 

声明：
本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
一、本站文中资源为互联网公开资源，我站仅作收集整理；版权归原作者所有，仅作为个人学习、研究以及欣赏！如有涉及下载请24小时内删除；
二、本站分享的图片、资源、视频等，出镜模特均为成年女性正常写真内容，均不含有淫秽以及色情内容;
三、用户可通过签到得积分来获取所需要的资源，本站VIP为赞助服务，是您喜欢本站而产生的捐赠赞助支持行为，仅为维持服务器及人员的开支与维护