Welcome!

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

SignUp Now!

Сливаю для вас кастомные баннера под форум

G

groznygyy

Авг
140
7
Пользователь
Слив кастом баннеров с иконками все дела.

extra.less: 
.userBanner {
    border: 0 !important;
    margin-right: 6px !important;
    margin-bottom: 5px !important;
    background-size: 200% 100%;
}

.userBanner--staff,
.userBanner--staffMember {
    display: none !important;
}

.userBanner[class*="staff"] {
    display: none !important;
}

.userBanner.userBanner--drive {
    color: #fff;
    background: linear-gradient(110deg,#555a61,#858b93,#555a61);
}

.userBanner.userBanner--rage {
    color: #fff;
    background: linear-gradient(110deg,#656a72,#969ca5,#656a72);
}

.userBanner.userBanner--just {
    color: #fff;
    background: linear-gradient(110deg,#474c53,#777d85,#474c53);
}

.userBanner.userBanner--founder {
    color: #000;
    background: linear-gradient(110deg,#c99700,#ffdf55,#c99700);
}

.userBanner.userBanner--deputyfounder {
    color: #000;
    background: linear-gradient(110deg,#a87800,#e8b928,#a87800);
}

.userBanner.userBanner--forumdeveloper {
    color: #000;
    background: linear-gradient(110deg,#e67e00,#ffb347,#e67e00);
}

.userBanner.userBanner--gamedeveloper {
    color: #000;
    background: linear-gradient(110deg,#ff8c00,#ffd08a,#ff8c00);
}

.userBanner.userBanner--moddeveloper {
    color: #000;
    background: linear-gradient(110deg,#d86b00,#ff9f43,#d86b00);
}

.userBanner.userBanner--clientdeveloper {
    color: #000;
    background: linear-gradient(110deg,#b85c00,#f39a3d,#b85c00);
}

.userBanner.userBanner--projectstaff {
    color: #000;
    background: linear-gradient(110deg,#ffd000,#fff09a,#ffd000);
}

.userBanner.userBanner--specadmin {
    color: #fff;
    background: linear-gradient(110deg,#b90000,#f04444,#b90000);
}

.userBanner.userBanner--deputyspecadmin {
    color: #fff;
    background: linear-gradient(110deg,#a40000,#df3939,#a40000);
}

.userBanner.userBanner--ga {
    color: #fff;
    background: linear-gradient(110deg,#c40000,#ff3030,#c40000);
}

.userBanner.userBanner--zga {
    color: #fff;
    background: linear-gradient(110deg,#9e0000,#e05252,#9e0000);
}

.userBanner.userBanner--curator {
    color: #fff;
    background: linear-gradient(110deg,#214fc9,#6688ee,#214fc9);
}

.userBanner.userBanner--gs {
    color: #fff;
    background: linear-gradient(110deg,#e56d00,#ffad4d,#e56d00);
}

.userBanner.userBanner--zgs {
    color: #fff;
    background: linear-gradient(110deg,#c95f00,#ff9633,#c95f00);
}

.userBanner.userBanner--testinghead {
    color: #000;
    background: linear-gradient(110deg,#e5a000,#ffe27a,#e5a000);
}

.userBanner.userBanner--sled {
    color: #fff;
    background: linear-gradient(110deg,#475569,#7b8da1,#475569);
}

.userBanner.userBanner--senioradmin {
    color: #fff;
    background: linear-gradient(110deg,#4169e1,#7090ff,#4169e1);
}

.userBanner.userBanner--admin {
    color: #fff;
    background: linear-gradient(110deg,#2855dc,#6d8fff,#2855dc);
}

.userBanner.userBanner--chiefforumcurator {
    color: #fff;
    background: linear-gradient(110deg,#1748b8,#5e82ee,#1748b8);
}

.userBanner.userBanner--forumcurator {
    color: #fff;
    background: linear-gradient(110deg,#3164d8,#7397ff,#3164d8);
}

.userBanner.userBanner--seniormod {
    color: #fff;
    background: linear-gradient(110deg,#2450c8,#6487ed,#2450c8);
}

.userBanner.userBanner--moderator {
    color: #fff;
    background: linear-gradient(110deg,#3366cc,#7295ee,#3366cc);
}

.userBanner.userBanner--juniormod {
    color: #fff;
    background: linear-gradient(110deg,#4b70c9,#839fe9,#4b70c9);
}

.userBanner.userBanner--leader {
    color: #fff;
    background: linear-gradient(110deg,#228b22,#64ad64,#228b22);
}

.userBanner.userBanner--helper {
    color: #fff;
    background: linear-gradient(110deg,#198754,#4dbd82,#198754);
}

.userBanner.userBanner--techsupport {
    color: #000;
    background: linear-gradient(110deg,#c87900,#f5ad3d,#c87900);
}

.userBanner.userBanner--qaengineer {
    color: #000;
    background: linear-gradient(110deg,#e0a500,#ffe27a,#e0a500);
}

.userBanner.userBanner--frontenddeveloper {
    color: #000;
    background: linear-gradient(110deg,#f07800,#ffb85c,#f07800);
}

.userBanner.userBanner--backenddeveloper {
    color: #000;
    background: linear-gradient(110deg,#d88a00,#ffc44d,#d88a00);
}

.userBanner.userBanner--leaddeveloper {
    color: #000;
    background: linear-gradient(110deg,#b96500,#f09a32,#b96500);
}

.userBanner.userBanner--drive:before {
    content: "\f57d";
}

.userBanner.userBanner--rage:before {
    content: "\f1b9";
}

.userBanner.userBanner--just:before {
    content: "\f3c5";
}

.userBanner.userBanner--founder:before {
    content: "\f00c";
}

.userBanner.userBanner--deputyfounder:before {
    content: "\f2b5";
}

.userBanner.userBanner--forumdeveloper:before {
    content: "\f121";
}

.userBanner.userBanner--gamedeveloper:before {
    content: "\f11b";
}

.userBanner.userBanner--moddeveloper:before {
    content: "\f1e6";
}

.userBanner.userBanner--clientdeveloper:before {
    content: "\f085";
}

.userBanner.userBanner--projectstaff:before {
    content: "\f508";
}

.userBanner.userBanner--specadmin:before {
    content: "\f3ed";
}

.userBanner.userBanner--deputyspecadmin:before {
    content: "\f2bd";
}

.userBanner.userBanner--ga:before {
    content: "\f132";
}

.userBanner.userBanner--zga:before {
    content: "\f0ae";
}

.userBanner.userBanner--curator:before {
    content: "\f4fe";
}

.userBanner.userBanner--gs:before {
    content: "\f1ad";
}

.userBanner.userBanner--zgs:before {
    content: "\f2bb";
}

.userBanner.userBanner--testinghead:before {
    content: "\f188";
}

.userBanner.userBanner--sled:before {
    content: "\f002";
}

.userBanner.userBanner--senioradmin:before {
    content: "\f2bb";
}

.userBanner.userBanner--admin:before {
    content: "\f505";
}

.userBanner.userBanner--chiefforumcurator:before {
    content: "\f521";
}

.userBanner.userBanner--forumcurator:before {
    content: "\f4fc";
}

.userBanner.userBanner--seniormod:before {
    content: "\f0e3";
}

.userBanner.userBanner--moderator:before {
    content: "\f132";
}

.userBanner.userBanner--juniormod:before {
    content: "\f0a3";
}

.userBanner.userBanner--leader:before {
    content: "\f521";
}

.userBanner.userBanner--helper:before {
    content: "\f128";
}

.userBanner.userBanner--techsupport:before {
    content: "\f590";
}

.userBanner.userBanner--qaengineer:before {
    content: "\f00c";
}

.userBanner.userBanner--frontenddeveloper:before {
    content: "\f121";
}

.userBanner.userBanner--backenddeveloper:before {
    content: "\f085";
}

.userBanner.userBanner--leaddeveloper:before {
    content: "\f085";
}

.userBanner.userBanner--drive:before,
.userBanner.userBanner--rage:before,
.userBanner.userBanner--just:before,
.userBanner.userBanner--founder:before,
.userBanner.userBanner--deputyfounder:before,
.userBanner.userBanner--forumdeveloper:before,
.userBanner.userBanner--gamedeveloper:before,
.userBanner.userBanner--moddeveloper:before,
.userBanner.userBanner--clientdeveloper:before,
.userBanner.userBanner--projectstaff:before,
.userBanner.userBanner--specadmin:before,
.userBanner.userBanner--deputyspecadmin:before,
.userBanner.userBanner--ga:before,
.userBanner.userBanner--zga:before,
.userBanner.userBanner--curator:before,
.userBanner.userBanner--gs:before,
.userBanner.userBanner--zgs:before,
.userBanner.userBanner--testinghead:before,
.userBanner.userBanner--sled:before,
.userBanner.userBanner--senioradmin:before,
.userBanner.userBanner--admin:before,
.userBanner.userBanner--chiefforumcurator:before,
.userBanner.userBanner--forumcurator:before,
.userBanner.userBanner--seniormod:before,
.userBanner.userBanner--moderator:before,
.userBanner.userBanner--juniormod:before,
.userBanner.userBanner--leader:before,
.userBanner.userBanner--helper:before,
.userBanner.userBanner--techsupport:before,
.userBanner.userBanner--qaengineer:before,
.userBanner.userBanner--frontenddeveloper:before,
.userBanner.userBanner--backenddeveloper:before,
.userBanner.userBanner--leaddeveloper:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: .55em;
    vertical-align: middle;
}

.userBanner.userBanner--drive,
.userBanner.userBanner--rage,
.userBanner.userBanner--just,
.userBanner.userBanner--founder,
.userBanner.userBanner--deputyfounder,
.userBanner.userBanner--forumdeveloper,
.userBanner.userBanner--gamedeveloper,
.userBanner.userBanner--moddeveloper,
.userBanner.userBanner--clientdeveloper,
.userBanner.userBanner--projectstaff,
.userBanner.userBanner--specadmin,
.userBanner.userBanner--deputyspecadmin,
.userBanner.userBanner--ga,
.userBanner.userBanner--zga,
.userBanner.userBanner--curator,
.userBanner.userBanner--gs,
.userBanner.userBanner--zgs,
.userBanner.userBanner--testinghead,
.userBanner.userBanner--sled,
.userBanner.userBanner--senioradmin,
.userBanner.userBanner--admin,
.userBanner.userBanner--chiefforumcurator,
.userBanner.userBanner--forumcurator,
.userBanner.userBanner--seniormod,
.userBanner.userBanner--moderator,
.userBanner.userBanner--juniormod,
.userBanner.userBanner--leader,
.userBanner.userBanner--helper,
.userBanner.userBanner--techsupport,
.userBanner.userBanner--qaengineer,
.userBanner.userBanner--frontenddeveloper,
.userBanner.userBanner--backenddeveloper,
.userBanner.userBanner--leaddeveloper {
    background-size: 200% 100%;
    animation: bannerAnimation 3s ease-in-out infinite;
}

.userBanner {
    padding-left: 1.8em;
    padding-right: .7em;
}

.userBanner:before {
    margin-left: -.9em;
}

@keyframes bannerAnimation {
    0% {
        background-position: 0% 50%;
    }

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

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

Вложения

  • Screenshot_20260827-203539_Chrome.jpg
    Screenshot_20260827-203539_Chrome.jpg
    424 KB · Просмотры: 10
Войдите или зарегистрируйтесь для ответа.
Сверху