飞流 发表于 2025-10-9 22:45:10

子比主题 – 签到增加五彩缤纷的背景颜色

这是一款给子比主题小工具侧边签到的排名榜加一个背景颜色,我觉得这个五彩缤纷的背景颜色非常的鲜艳,加在自己站点的侧边,非常的好看的一个背景颜色样式,话不多说喜欢的自行部署!


代码部署
首先我们要到:WP后台–>>小工具–>>Zibll 用户排行榜,我们要找到这个小工具,然后放到我们的侧边,建议放到侧边,然后我们将下面的代码放到:子比主题–>>自定义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;
}

.user-ranking-item.relative:nth-child(6) {
    background: #c97eff75;
}

.user-ranking-item.relative:nth-child(7) {
    background: #82eee782;
}

.user-ranking-item.relative:nth-child(8) {
    background: #ff559480;
}

.user-ranking-item.relative:nth-child(9) {
    background: #089e0f7d;
}

.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.posts-item .item-heading>a {font-weight: bold;color: unset;}.lazyloaded{--lazy-animation: lazy_fade;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
}

页: [1]
查看完整版本: 子比主题 – 签到增加五彩缤纷的背景颜色