Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Регистрация
27 Окт 2024
Сообщения
165
Ку всем щяс я вам скину вам баннеры их баннеры но перед /styles добавьте https://forum.atrm.gg/ должно быть так https://forum.atrm.gg/styles/banners/11.svg

HTML:
.userBanner {
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    border: 1px solid transparent;
    border-radius: 6px;
    text-align: center;
    display: inline-block
}

.userBanner.imgGuest {
    background: url(styles/banners/1.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgUser {
    background: url(styles/banners/2.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgLeader {
    background: url(styles/banners/3.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgModer {
    background: url(styles/banners/4.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgAdmin {
    background: url(styles/banners/5.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgZGS {
    background: url(styles/banners/6.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgGS {
    background: url(styles/banners/7.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgKA {
    background: url(styles/banners/8.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgZGA {
    background: url(styles/banners/9.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgGA {
    background: url(styles/banners/10.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

..userBanner.imgSA {
    background: url(https://forum.atrm.gg/styles/banners/11.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgKP {
    background: url(styles/banners/12.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgDev {
    background: url(styles/banners/13.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgOwner {
    background: url(styles/banners/14.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgTS {
    background: url(styles/banners/15.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgKTS {
    background: url(styles/banners/16.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgZGTS {
    background: url(styles/banners/17.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgGTS {
    background: url(styles/banners/18.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgHelper {
    background: url(styles/banners/19.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.imgBloger {
    background: url(styles/banners/20.svg) no-repeat;
    width: 135px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain
}

.userBanner.userBanner--staff,.userBanner.userBanner--primary {
    display: none
}

.green {
    color: white;
    background: linear-gradient(to right, #009e1f, #005c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 3px #008000)
}

.red {
    color: white;
    background: linear-gradient(to right, #ce2b2a, #95001f);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 3px #f00)
}

.gray {
    color: white;
    background: linear-gradient(to right, #707070, #474747);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 3px #707070)
}

.yellow {
    color: black;
    background: linear-gradient(to right, #eeed00, #ffcc01);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 3px #ff0)
}

.lblue {
    color: white;
    background: linear-gradient(to right, #709eff, #1474ff);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 3px #709eff)
}

.blue {
    color: white;
    background: linear-gradient(to right, #4756ff, #0030f6);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 3px #00f)
}

.purple {
    color: #ffffff;
    background: linear-gradient(to right, #c636ff, #c415bc);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 5px #c636ff)
}

.ocean {
    color: white;
    background: linear-gradient(to right, #74a7ff, #0056d6);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 5px #74a7ff)
}

.pink {
    color: white;
    background: linear-gradient(to right, #ff2f4e, #e30006);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 6px;
    line-height: normal;
    font-weight: 450;
    filter: drop-shadow(-1px 1px 5px #e30006)
}
 
Сверху