Ищу баннеры

Avgust999 · Четверг в 13:31

Ищу такие баннеры
У кого будет дайте пожайлуста прошу
Буду очеееень благодарен

Dev Cold · Четверг в 14:20

код:

.userBanner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 190px;
    height: 39px;
    padding: 0 16px;
    position: relative;
    transition: all .3s ease;
    border-radius: 14px;
    border: 1.5px solid transparent;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%)
}

.userBanner::before {
    display: inline-block;
    font-size: 15px;
    z-index: 2;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.userBanner::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    pointer-events: none;
    z-index: 1
}

.userBanner:hover {
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15)
}

.userBanner.keeperdev {
    background: rgba(66,13,13,0.2);
    border-color: rgba(66,13,13,0.4);
    color: #420d0d;
    font-weight: 700;
    font-size: 13px;
    text-shadow: 0 0 10px
}

.userBanner.keeperdev::before {
    font-size: 16px;
    content: "\f121";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.keeperdev::after {
    background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%)
}

.userBanner.keeperdev:hover {
    background: rgba(66,13,13,0.3);
    border-color: rgba(66,13,13,0.6)
}

.userBanner.turquoise2 {
    background: rgba(20,184,166,0.2);
    border-color: rgba(20,184,166,0.4);
    color: #5eead4;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px
}

.userBanner.turquoise2::after {
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%)
}

.userBanner.turquoise2:hover {
    background: rgba(20,184,166,0.3);
    border-color: rgba(20,184,166,0.6)
}

.userBanner.turquoise {
    height: 55px;
    background: rgba(20,184,166,0.2);
    border-color: rgba(20,184,166,0.4);
    color: #5eead4;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px
}

.userBanner.turquoise::after {
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%)
}

.userBanner.turquoise:hover {
    background: rgba(20,184,166,0.3);
    border-color: rgba(20,184,166,0.6)
}

.userBanner.moderator {
    background: rgba(0,187,204,0.2);
    border-color: rgba(0,187,204,0.4);
    color: #6f8d95;
    text-shadow: rgba(0,187,204,0.74) 1px 1px 10px
}

.userBanner.moderator::before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.moderator::after {
    background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%)
}

.userBanner.moderator:hover {
    background: rgba(0,187,204,0.3);
    border-color: rgba(0,187,204,0.6)
}

.userBanner.senior-moderator {
    background: rgba(255,204,0,0.2);
    border-color: rgba(255,204,0,0.4);
    color: #c7a21c;
    text-shadow: #ffd738 1px 1px 10px
}

.userBanner.senior-moderator::before {
    content: "\f508";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.senior-moderator::after {
    background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%)
}

.userBanner.senior-moderator:hover {
    background: rgba(255,204,0,0.3);
    border-color: rgba(255,204,0,0.6)
}

.userBanner.moderation-watcher {
    background: rgba(60,0,255,0.2);
    border-color: rgba(60,0,255,0.4);
    color: #333aff;
    text-shadow: rgba(60,0,255,0.52) 1px 1px 10px
}

.userBanner.moderation-watcher::before {
    content: "\f06e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.moderation-watcher::after {
    background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%)
}

.userBanner.moderation-watcher:hover {
    background: rgba(60,0,255,0.3);
    border-color: rgba(60,0,255,0.6)
}

.userBanner.special-moderator {
    background: rgba(99,102,241,0.2);
    border-color: rgba(99,102,241,0.4);
    color: #a5b4fc;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px
}

.userBanner.special-moderator::before {
    content: "\f005";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.special-moderator::after {
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%)
}

.userBanner.special-moderator:hover {
    background: rgba(99,102,241,0.3);
    border-color: rgba(99,102,241,0.6)
}

.userBanner.moderation-curator {
    background: rgba(212,101,241,0.2);
    border-color: rgba(212,101,241,0.4);
    color: #d465f1;
    text-shadow: #d867f4 1px 1px 10px
}

.userBanner.moderation-curator::before {
    content: "\f4fc";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.moderation-curator::after {
    background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%)
}

.userBanner.moderation-curator:hover {
    background: rgba(212,101,241,0.3);
    border-color: rgba(212,101,241,0.6)
}

.userBanner.deputy-chief-moderator {
    background: rgba(136,180,0,0.2);
    border-color: rgba(136,180,0,0.4);
    color: #88b400;
    text-shadow: #b5e133 1px 1px 10px
}

.userBanner.deputy-chief-moderator::before {
    content: "\f3ed";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.deputy-chief-moderator::after {
    background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%)
}

.userBanner.deputy-chief-moderator:hover {
    background: rgba(136,180,0,0.3);
    border-color: rgba(136,180,0,0.6)
}

.userBanner.cheif-moderator {
    background: rgba(23,147,25,0.2);
    border-color: rgba(23,147,25,0.4);
    color: #179319;
    text-shadow: #179219 1px 1px 10px
}

.userBanner.cheif-moderator::before {
    content: "\f521";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.cheif-moderator::after {
    background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%)
}

.userBanner.cheif-moderator:hover {
    background: rgba(23,147,25,0.3);
    border-color: rgba(23,147,25,0.6)
}

.userBanner.event-host {
    background: rgba(255,182,193,0.2);
    border-color: rgba(255,182,193,0.4);
    color: #ffb6c1;
    text-shadow: rgba(255,182,193,0.7) 1px 1px 10px
}

.userBanner.event-host::before {
    content: "\f130";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.event-host::after {
    background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%)
}

.userBanner.event-host:hover {
    background: rgba(255,182,193,0.3);
    border-color: rgba(255,182,193,0.6)
}

.userBanner.main-admin {
    background: rgba(0,100,0,0.2);
    border-color: rgba(0,100,0,0.4);
    color: #4d9f4d;
    text-shadow: rgba(0,100,0,0.7) 1px 1px 10px
}

.userBanner.main-admin::before {
    content: "\f505";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.main-admin::after {
    background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%)
}

.userBanner.main-admin:hover {
    background: rgba(0,100,0,0.3);
    border-color: rgba(0,100,0,0.6)
}

.userBanner.discord-curator {
    background: rgba(220,38,38,0.2);
    border-color: rgba(220,38,38,0.4);
    color: #f87171;
    text-shadow: rgba(220,38,38,0.7) 1px 1px 10px
}

.userBanner.discord-curator::before {
    content: "\f086";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.discord-curator::after {
    background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%)
}

.userBanner.discord-curator:hover {
    background: rgba(220,38,38,0.3);
    border-color: rgba(220,38,38,0.6)
}

.userBanner.discord-director {
    background: rgba(185,28,28,0.2);
    border-color: rgba(185,28,28,0.4);
    color: #ef4444;
    text-shadow: rgba(185,28,28,0.7) 1px 1px 10px
}

.userBanner.discord-director::before {
    content: "\f6a4";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.discord-director::after {
    background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%)
}

.userBanner.discord-director:hover {
    background: rgba(185,28,28,0.3);
    border-color: rgba(185,28,28,0.6)
}

.userBanner.host-director {
    background: rgba(255,192,203,0.2);
    border-color: rgba(255,192,203,0.4);
    color: #ffc0cb;
    text-shadow: rgba(255,192,203,0.7) 1px 1px 10px
}

.userBanner.host-director::before {
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.host-director::after {
    background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%)
}

.userBanner.host-director:hover {
    background: rgba(255,192,203,0.3);
    border-color: rgba(255,192,203,0.6)
}

.userBanner.ecosystem-director {
    background: rgba(239,68,68,0.2);
    border-color: rgba(239,68,68,0.4);
    color: #fca5a5;
    text-shadow: rgba(239,68,68,0.7) 1px 1px 10px
}

.userBanner.ecosystem-director::before {
    content: "\f0e8";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.ecosystem-director::after {
    background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%)
}

.userBanner.ecosystem-director:hover {
    background: rgba(239,68,68,0.3);
    border-color: rgba(239,68,68,0.6)
}

.userBanner.community {
    background: rgba(34,139,34,0.2);
    border-color: rgba(34,139,34,0.4);
    color: #4ade80;
    text-shadow: rgba(34,139,34,0.7) 1px 1px 10px
}

.userBanner.community::before {
    content: "\f509";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.community::after {
    background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%)
}

.userBanner.community:hover {
    background: rgba(34,139,34,0.3);
    border-color: rgba(34,139,34,0.6)
}

.userBanner.special-moderator-vk {
    height: 55px;
    background: rgba(99,102,241,0.2);
    border-color: rgba(99,102,241,0.4);
    color: #a5b4fc;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px
}

.userBanner.special-moderator-vk::before {
    content: "\f005";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.userBanner.special-moderator-vk::after {
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%)
}

.userBanner.special-moderator-vk:hover {
    background: rgba(99,102,241,0.3);
    border-color: rgba(99,102,241,0.6)
}

Dev Cold · Четверг в 14:21

OFFTOP

Имба, кстати у них похоже нету плагина на галочку раз уж юзают extra_less, но могу быть не уверен

Platonchik Pluxury · Четверг в 14:24

CSS:

.userBanner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 190px;
    height: 39px;
    padding: 0 16px;
    position: relative;
    transition: all .3s ease;
    border-radius: 14px;
    border: 1.5px solid transparent;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%)
}
 
.userBanner::before {
    display: inline-block;
    font-size: 15px;
    z-index: 2;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
 
.userBanner::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    pointer-events: none;
    z-index: 1
}
 
.userBanner:hover {
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15)
}
.userBanner.main-admin {
    background: rgba(0, 100, 0, 0.2);
    border-color: rgba(0, 100, 0, 0.4);
    color: #4d9f4d;
    text-shadow: rgba(0, 100, 0, 0.7) 1px 1px 10px
}
 
.userBanner.main-admin::before {
    content: "\f505";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}
 
.userBanner.main-admin::after {
    background: linear-gradient(135deg, rgba(0, 100, 0, 0.3) 0%, rgba(0, 100, 0, 0.15) 50%, rgba(0, 80, 0, 0.25) 100%)
}
 
.userBanner.main-admin:hover {
    background: rgba(0, 100, 0, 0.3);
    border-color: rgba(0, 100, 0, 0.6)
}

Dev Cold · Четверг в 18:48

OFFTOP

А может быть такое, что он просто берет код, а спасибо не говорит?

Поиск

Welcome!

Ищу баннеры

Avgust999

ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡 // ...

Dev Cold

Dev Cold

Platonchik Pluxury

Dev Cold