Welcome!

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

SignUp Now!

Ищу баннеры форума pawno-help новые

Июл
62
162
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
Есть банеры павно хелп плис новые
 
❤️Птиц❤️
Авг
339
336
Активный
2.1. На форуме разрешено обращение на "ты". При этом, в связи со спецификой интернет-сообщества, оно не должно считаться неуважительным.
Окт
253
145
Пользователь
CSS:
.userBannerLight,.userBanner--staff {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 75%;
    padding: 3px 6px;
    border-radius: 3px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 200% 100%;
    animation: AnimBanner 10s ease infinite;
    will-change: background-position;
    background-clip: padding-box
}

.userBannerLight.admin,.userBanner--staff.admin {
    background-image: linear-gradient(270deg, #fb0, #f00)
}

.userBannerLight.admin:before,.userBanner--staff.admin: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;
    content: "\f3ed";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.banned,.userBanner--staff.banned {
    background-image: linear-gradient(90deg, #7f7f7f, #2f2f2f)
}

.userBannerLight.banned:before,.userBanner--staff.banned: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;
    content: "\f023";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.user,.userBanner--staff.user {
    background-image: linear-gradient(90deg, #62cff4, #2c67f2)
}

.userBannerLight.user:before,.userBanner--staff.user: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;
    content: "\f007";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.readOnly,.userBanner--staff.readOnly {
    background-image: linear-gradient(90deg, #333, #4d4d4d)
}

.userBannerLight.readOnly:before,.userBanner--staff.readOnly: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;
    content: "\f530";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.moder,.userBanner--staff.moder {
    background-image: linear-gradient(90deg, #4b6cb7, #182848)
}

.userBannerLight.moder:before,.userBanner--staff.moder: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;
    content: "\f132";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.editor,.userBanner--staff.editor {
    background-image: linear-gradient(315deg, #5f72be 0%, #9921e8 74%)
}

.userBannerLight.editor:before,.userBanner--staff.editor: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;
    content: "\f044";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.active,.userBanner--staff.active {
    background-image: linear-gradient(315deg, #00f 0%, #33f 74%)
}

.userBannerLight.active:before,.userBanner--staff.active: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;
    content: "\f0e7";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.professional,.userBanner--staff.professional {
    background-image: linear-gradient(315deg, #008000 0%, #00b300 74%)
}

.userBannerLight.professional:before,.userBanner--staff.professional: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;
    content: "\f135";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.legend,.userBanner--staff.legend {
    background-image: linear-gradient(315deg, #ccad00 0%, #ffd700 74%)
}

.userBannerLight.legend:before,.userBanner--staff.legend: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;
    content: "\f559";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.userBannerLight.seller,.userBanner--staff.seller {
    background-image: linear-gradient(315deg, #ff294d 0%, #ff5c77 74%)
}

.userBannerLight.seller:before,.userBanner--staff.seller: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;
    content: "\f0b1";
    width: 1em;
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

@media (max-width: 650px) {
    .message:not(.message--forceColumns) .message-userBanner.userBanner.userBannerLight,.message:not(.message--forceColumns) .message-userBanner.userBanner.userBanner--staff {
        display:none
    }
}

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

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

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