子比主题CSS美化

文章具有时效性。下载《英灵神殿》汉化模组时,请确保模组版本与当前游戏版本兼容。

如需更新或查找您所需的汉化模组,请点击此处提交

/*超链接波浪效果*/
.wp-posts-content a:hover{color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px auto;animation:waveMove 1s infinite linear}@keyframes waveMove{from{background-position:0 100%}to{background-position:-20px 100%}}
/*文章标题文字渐变彩色*/
.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 infinite linear}@keyframes maskedAnimation{0%{background-position:0 0}100%{background-position:-100% 0}}
/*鼠标移动图片外发光*/
.wp-posts-content img:hover {box-shadow:0px 0px 8px #63B8FF;}
/*文章边框阴影*/
.article.main-bg.main-shadow:hover{box-shadow:1px 1px 5px 5px rgba(255,112,173,.35);-moz-box-shadow:1px 1px 5px 5px rgba(255,112,173,.35)}
/*帖子边框阴影*/
.article.zib-widget.relative{box-shadow:0px 0px 4px #ff70ad59;transition:box-shadow 0.2s ease-in-out}.article.zib-widget.relative:hover{box-shadow:0px 0px 8px #ff70ad59}
/*文章随机彩色标签*/
.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}
/*首页文章列表悬停上浮*/
@media screen and (min-width:980px){.tab-content .posts-item:not(article){transition:all .3s}.tab-content .posts-item:not(article):hover{transform:translateY(-10px);box-shadow:0 6px 10px var(--focus-shadow-color)}}
/*导航栏字体加粗*/
ul.nav {font-weight: 700;}
/*文章列表圆圈*/
.item-thumbnail:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:background .35s;border-radius:8px;z-index:2;max-width:765px;margin:0 auto;pointer-events:none}.item-thumbnail:after{content:'';position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;background:url(//ftp.aopk.cn:88/icon/comimages.png);background-repeat:no-repeat;background-size:100% 100%;z-index:3;-webkit-transform:scale(2);transform:scale(2);transition:opacity .35s,-webkit-transform .35s;transition:transform .35s,opacity .35s;transition:transform .35s,opacity .35s,-webkit-transform .35s;opacity:0;pointer-events:none}.item-thumbnail:hover:before{background:rgba(0,0,0,.5)}.item-thumbnail:hover:after{-webkit-transform:scale(1);transform:scale(1);opacity:1}
/***日间主题模式***/
body {
    background-image: url("https://www.aopk.cn/img/download.jpg");/**这里改为你自己的图片地址**/
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
/*鼠标指针样式*/
body{cursor:url(https://www.jishusongshu.com/wp-content/uploads/2020/01/normal1.png), default;}
a:hover{cursor:url(https://www.jishusongshu.com/wp-content/uploads/2020/01/link1.png), pointer;}
/*文章分页按钮美化*/
.post-page-numbers{padding: 4px 10px;text-align:center;display: inline; }.post-nav-links{background:0;margin-left: -50px;}
/*头像呼吸光环和鼠标悬停旋转放大*/
.avatar{border-radius:50%;animation:light 4s ease-in-out infinite;transition:.5s}
.avatar:hover{transform:scale(1.15) rotate(720deg)}
<marquee behavior="scroll" direction="left"><a href="https://pay.aopk.cn/index.php?rp=/store/valheim" style="color: hotpink;">英灵神殿服务器优惠活动中,点击链接使用优惠码更优惠!优惠码:V6I06W8NVE</a></marquee>

代码放到“外观——自定义——额外CSS里面”

html {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
}
本站提供服务器出租☞💻多人联机.服务器24小时运行.小白开服无忧💻
© 版权声明
THE END
喜欢就支持一下吧
点赞13赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容