子比主题自定义美化css代码

老刘 2023-04-22 10:45 老刘弹互联网 | 隐藏边栏 | 抢沙发 | 586 2

文章评分 2 次，平均分 5.0 ：

温馨提醒：本文最后更新于2023年7月25日，部分网盘链接偶尔抽风，下载地址如有失效，请在文章评论区留言或者请私信老刘反馈。

老刘自己测试了子比主题最新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;  
}

ZIBLL子比主题最新开心版-附赠美化子主题&插件[出售]

更新记录 2024.04.17 更新子比主题7.7的最新版 2024.02.04 更新子比主题7.6的最新版 2023.11.19 更新子比主题7.5.1的最新版 2023.9.19 更新子...

500

库存：976
已售：23
人气：461

注意：老刘提供的开心版子比主题包，仅供测试环境使用，正式生产环境建议使用正版，因使用开心版产生的任何纠纷与老刘及老刘弹互联网博客无关，购买代表您已知晓以上条款。

「点点赞赏，手留余香」

还没有人赞赏，快来当第一个赞赏的人吧！

给老刘打赏

予人玫瑰，手有余香

66￥
88￥
99￥
188￥
199￥
自定义
￥

￥66

支付

子比主题

版权声明：
1、本站所有文章内容均来源于互联网，我站仅作收集整理，VIP/积分赞助/打赏等费用仅为维持网站正常运转；
2、本站部分文章、图片不代表本站立场，并不代表本站赞同其观点和对其真实性负责；
3、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报；
4、本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新；
5、本站分享的高质量高清写真图集，出镜模特均为成年女性正常写真无R18内容，仅限用于摄影爱好者提供素材与鉴赏学习；
6、本站所有文章、图片、资源等均为收集自互联网，版权归原作者所有。仅作为个人学习、研究以及欣赏！请在下载后24小时内删除。共同维护和谐健康的互联网！如果您发现本站上有侵犯您的权益的作品，请与我们取得联系，我们会及时删除或者修改。

老刘关注：0 粉丝：78 最后编辑于：2023-07-25

老刘站长，专注分享互联网知识，深扒互联网底裤，还原互联网真相！分享一些优质内容，带你识别互联网套路

css代码添加路径：

css代码7.25更新

css代码：

子比主题开心版

ZIBLL子比主题最新开心版-附赠美化子主题&插件[出售]

你可能也喜欢

热评文章

发表评论

老刘推荐

更多商品云商城

正版推荐

随机商品

加入本站

联系方式

关于本站

联系站长

子比主题自定义美化css代码

css代码添加路径：

css代码7.25更新

css代码：

子比主题开心版

ZIBLL子比主题最新开心版-附赠美化子主题&插件[出售]

你可能也喜欢

热评文章

发表评论

请登录后发表评论

老刘推荐

更多商品云商城

正版推荐

随机商品

加入本站

联系方式

关于本站

联系站长