Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

дайте баннеры крмп которые щас

Активный из XenForo
Мар
1,052
2,607
Активный
мне надо которые на данный момент
CSS:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 69%;
    border-radius: 90px 60px 90px 60px;
    padding: 5px 7px;
    background-size: 700% 700%;
    border: .6mm ridge rgba(255,255,255,0.4);
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
    background-size: 900% 900%
}

.userBanner.sixseven {
    background-image: linear-gradient(270deg, #f00, #ffa500, #ff8c00)
}

.userBanner.lega {
    background-image: linear-gradient(270deg, #f36, #ff6b3d, #ffd700, #2ecc71, #00bcd4, #9b59b6, #e84393, #6c5ce7, #00cec9, #fd79a8, #fdcb6e, #0984e3, #f36)
}

.userBanner.ogn {
    background-image: linear-gradient(270deg, #ffa500, #f00, #800080)
}

.userBanner.sponsorf {
    color: #000000;
    background-image: linear-gradient(270deg, #e0f7ff, #fff, #a0e0ff, #e0f0ff, #fff, #b3e4ff)
}

.userBanner.borukones {
    background-image: linear-gradient(270deg, #008000, #ffc0cb, #ff0)
}

.userBanner.Lixvizz {
    background-image: linear-gradient(270deg, #ff1493, #ffc0cb, #c71585)
}

.userBanner.takers {
    background-image: linear-gradient(270deg, #1d0101, #4a0000, #b80000, #4a0000, #1d0101) !important;
    background-size: 700% 700% !important;
    animation: AnimBanner 10s ease infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 69% !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    padding: 2px 16px 2px 4px !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 0 12px rgba(255,0,0,0.45) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
    letter-spacing: 0.6px !important;
    box-sizing: border-box !important;
    height: 30px !important;
    transition: transform .2s ease-in-out !important;
    vertical-align: middle;
    line-height: 1
}

.userBanner.takers::before {
    content: '';
    background-image: url('https://i.postimg.cc/FRf3Ss5c/I-HDVhegjz-TTYTk-YGQ24l-mfl-Rcr-V6tpydyt-Z3STk-LDG9p0d-Gp0Bgpht8s-Jyn-FHVKMf-Gvm02VKC7YSz3QZ62xc.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    flex-shrink: 0 !important;
    vertical-align: middle
}

.userBanner.takers:hover {
    transform: scale(1.04) !important
}

.userBanner.zablok {
    background-image: linear-gradient(270deg, #000, #808080, #fff)
}

.userBanner.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.userBanner.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.furman {
    background-image: linear-gradient(270deg, #f00, #ff69b4, #0ff)
}

.userBanner.furmanteam {
    background-image: linear-gradient(270deg, #ff0, #ffa500, #008000)
}

.userBanner.michikatsu {
    background-image: linear-gradient(270deg, #f0f, #800080, #ffc0cb)
}

.userBanner.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #8b008b, #4b0082, #9400d3)
}

.userBanner.ds {
    background-image: linear-gradient(270deg, #0ff, #1e90ff, #0000cd)
}

.userBanner.persona {
    background-image: linear-gradient(270deg, #ff69b4, #ff1493, #f0f)
}

.userBanner.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.userBanner.super {
    background-image: linear-gradient(270deg, #ffd700, #ffed4e, #daa520, #b8860b, #8b0000, #c41e3a, #800020, #4b0082, #6a0dad, #9400d3, #191970, #003153, #2e8b57, #50c878, #ffd700)
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
    background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

.userBanner.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.devilschmo {
    background-image: linear-gradient(270deg, #8b4513, #f0f, #0ff)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.dobryak {
    background-image: linear-gradient(270deg, #ff2400, #ff4d00, #ff6800)
}

.Cybers {
    background-image: linear-gradient(270deg, #800080, #8b008b, #800080)
}

.moderforuma {
    background-image: linear-gradient(270deg, #191970, #00bfff, #0ff)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

.founder {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10, #ff8c00)
}

.dominic {
    background-image: linear-gradient(270deg, #ffb3ff, #4d4dff, #8b4513)
}

.rasta {
    background-image: linear-gradient(270deg, #f00, #ff0, #008000)
}

.zamfounder {
    background-image: linear-gradient(270deg, #ffd700, #fff, #ff8c00, #fff);
    text-shadow: 0 1px 3px rgba(0,0,0,0.3)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.takeshka {
    background-image: linear-gradient(270deg, #f0f, #ee82ee, #800080)
}

.ded {
    background-image: linear-gradient(270deg, #f00, #8b0000)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.shumov {
    background: linear-gradient(270deg, #ff1a1a, #f00, #c00, #900, #c00, #f00, #ff1a1a);
    background-size: 400% 400%;
    animation: redFlow 6s ease infinite
}

@keyframes redFlow {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.ryk {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.sledfrac {
    background-image: linear-gradient(270deg, #0000cd, #00f, #00bfff)
}

.zrp {
    background: linear-gradient(135deg, #dc143c, #cd5c5c, #8b0000);
    background-size: 300% 300%
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
 
Сверху