Welcome!

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

SignUp Now!

Решено Вылезает баннер в темах

Статус
В этой теме нельзя размещать новые ответы.
Июл
116
73
Пользователь
Скрытое содержимое могут видеть только пользователи групп(ы): Администратор, Модератор, Редактор, Активный, Профессионал, Продавец
 
Последнее редактирование:
Решение
Ну вот как-то так:
CSS:
.userBanner.osnovatel, .userBanner.zamosnovatela, .userBanner.gladmin, .userBanner.zgadmin, .userBanner.super, .userBanner.kur, .userBanner.stadm, .userBanner.teh, .userBanner.stmod, .userBanner.adminsteam, .userBanner.moderator, .userBanner.developer, .userBanner.system, .userBanner.rykovoditel, .userBanner.pr, .userBanner.user, .userBanner.specadmin, .userBanner.zpm, .userBanner.zga, .userBanner.quality, .userBanner.forumkur, .userBanner.legend, .userBanner.lider, .userBanner.webdev, .userBanner.owner, .userBanner.banned, .userBanner.dedmoroz, .userBanner.moskow, .userBanner.staff {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: auto;
    padding: 3px 9px...
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,875
3,459
Редактор
Ну вот как-то так:
CSS:
.userBanner.osnovatel, .userBanner.zamosnovatela, .userBanner.gladmin, .userBanner.zgadmin, .userBanner.super, .userBanner.kur, .userBanner.stadm, .userBanner.teh, .userBanner.stmod, .userBanner.adminsteam, .userBanner.moderator, .userBanner.developer, .userBanner.system, .userBanner.rykovoditel, .userBanner.pr, .userBanner.user, .userBanner.specadmin, .userBanner.zpm, .userBanner.zga, .userBanner.quality, .userBanner.forumkur, .userBanner.legend, .userBanner.lider, .userBanner.webdev, .userBanner.owner, .userBanner.banned, .userBanner.dedmoroz, .userBanner.moskow, .userBanner.staff {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: auto;
    padding: 3px 9px;
    border: 1px solid;
    box-sizing: border-box;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: inherit;
}

.userBanner.osnovatel::before, .userBanner.zamosnovatela::before, .userBanner.gladmin::before, .userBanner.zgadmin::before, .userBanner.super::before, .userBanner.kur::before, .userBanner.stadm::before, .userBanner.teh::before, .userBanner.stmod::before, .userBanner.adminsteam::before, .userBanner.moderator::before, .userBanner.developer::before, .userBanner.system::before, .userBanner.rykovoditel::before, .userBanner.pr::before, .userBanner.user::before, .userBanner.specadmin::before, .userBanner.zpm::before, .userBanner.zga::before, .userBanner.quality::before, .userBanner.forumkur::before, .userBanner.legend::before, .userBanner.lider::before, .userBanner.webdev::before, .userBanner.owner::before, .userBanner.banned::before, .userBanner.dedmoroz::before, .userBanner.moskow::before, .userBanner.staff::before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    font-size: 1em;
    margin-right: 6px;
    width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 4;
}

.userBanner.osnovatel::before {
    content: "\f521";
}

.userBanner.zamosnovatela::before {
    content: "\f508";
}

.userBanner.gladmin::before {
    content: "\f3ed";
}

.userBanner.zgadmin::before {
    content: "\f132";
}

.userBanner.super::before {
    content: "\f005";
}

.userBanner.kur::before {
    content: "\f14e";
}

.userBanner.stadm::before {
    content: "\f505";
}

.userBanner.teh::before {
    content: "\f7d9";
}

.userBanner.stmod::before {
    content: "\f0e3";
}

.userBanner.adminsteam::before {
    content: "\f11b";
}

.userBanner.moderator::before {
    content: "\f06e";
}

.userBanner.developer::before {
    content: "\f8c5";
}

.userBanner.system::before {
    content: "\f233";
}

.userBanner.rykovoditel::before {
    content: "\f0b1";
}

.userBanner.pr::before {
    content: "\f0a1";
}

.userBanner.user::before {
    content: "\f007";
}

.userBanner.specadmin::before {
    content: "\f4fe";
}

.userBanner.zpm::before {
    content: "\f542";
}

.userBanner.zga::before {
    content: "\f0e8";
}

.userBanner.quality::before {
    content: "\f560";
}

.userBanner.forumkur::before {
    content: "\f086";
}

.userBanner.legend::before {
    content: "\f091";
}

.userBanner.lider::before {
    content: "\f024";
}

.userBanner.webdev::before {
    content: "\f5fc";
}

.userBanner.owner::before {
    content: "\f084";
}

.userBanner.banned::before {
    content: "\f05e";
}

.userBanner.dedmoroz::before {
    content: "\f06b";
}

.userBanner.moskow::before {
    content: "\f2dc";
}

.userBanner.staff::before {
    content: "\f0c0";
}

.userBanner.osnovatel {
    color: #fff;
    background: #f00;
    border-color: #f00;
}

.userBanner.zamosnovatela {
    color: #fff;
    background: #f00;
    border-color: #f00;
}

.userBanner.gladmin {
    color: #fff;
    background: #c0392b;
    border-color: #e05b4f;
}

.userBanner.zgadmin {
    color: #fff;
    background: #e67e22;
    border-color: #f39c4a;
}

.userBanner.super {
    color: #fff;
    background: #2980b9;
    border-color: #5dade2;
}

.userBanner.kur {
    color: #fff;
    background: #16a085;
    border-color: #48c9b0;
}

.userBanner.stadm {
    color: #fff;
    background: #34495e;
    border-color: #5d7186;
}

.userBanner.teh {
    color: #fff;
    background: #2c3e50;
    border-color: #566573;
}

.userBanner.stmod {
    color: #fff;
    background: #27ae60;
    border-color: #58d68d;
}

.userBanner.adminsteam {
    color: #111;
    background: #f1c40f;
    border-color: #f7dc6f;
}

.userBanner.moderator {
    color: #fff;
    background: #3498db;
    border-color: #6cb6e6;
}

.userBanner.developer {
    color: #fff;
    background: #f00;
    border-color: #f00;
}

.userBanner.system {
    color: #fff;
    background: #7f8c8d;
    border-color: #a6acac;
}

.userBanner.rykovoditel {
    color: #fff;
    background: #f00;
    border-color: #e67e22;
}

.userBanner.pr {
    color: #fff;
    background: #e84393;
    border-color: #ef76b5;
}

.userBanner.user {
    color: #fff;
    background: #607d8b;
    border-color: #90a4ae;
}

.userBanner.specadmin {
    color: #fff;
    background: #6c5ce7;
    border-color: #8f83ed;
}

.userBanner.zpm {
    color: #fff;
    background: #00a8cc;
    border-color: #45c7df;
}

.userBanner.zga {
    color: #fff;
    background: #c0392b;
    border-color: #e05b4f;
}

.userBanner.quality {
    color: #fff;
    background: #00b894;
    border-color: #55d6b5;
}

.userBanner.forumkur {
    color: #fff;
    background: #5709bd;
    border-color: #320a66;
}

.userBanner.legend {
    color: #111;
    background: #f39c12;
    border-color: #f7c66b;
}

.userBanner.lider {
    color: #fff;
    background: #1abc9c;
    border-color: #5ed6c0;
}

.userBanner.webdev {
    color: #fff;
    background: #2d3436;
    border-color: #636e72;
}

.userBanner.owner {
    color: #fff;
    background: #b71540;
    border-color: #e05278;
}

.userBanner.banned {
    color: #fff;
    background: #2f3542;
    border-color: #57606f;
}

.userBanner.dedmoroz {
    color: #fff;
    background: #d63031;
    border-color: #ff7675;
}

.userBanner.moskow {
    color: #fff;
    background: #f00;
    border-color: #f00;
}

.userBanner.staff {
    color: #fff;
    background: #5865f2;
    border-color: #7983f5;
}


.userBanner.osnovatel::after, .userBanner.zamosnovatela::after, .userBanner.gladmin::after, .userBanner.zgadmin::after, .userBanner.super::after, .userBanner.kur::after, .userBanner.stadm::after, .userBanner.teh::after, .userBanner.stmod::after, .userBanner.adminsteam::after, .userBanner.moderator::after, .userBanner.developer::after, .userBanner.system::after, .userBanner.rykovoditel::after, .userBanner.pr::after, .userBanner.user::after, .userBanner.specadmin::after, .userBanner.zpm::after, .userBanner.zga::after, .userBanner.quality::after, .userBanner.forumkur::after, .userBanner.legend::after, .userBanner.lider::after, .userBanner.webdev::after, .userBanner.owner::after, .userBanner.banned::after, .userBanner.dedmoroz::after, .userBanner.moskow::after, .userBanner.staff::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 45%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 3;
    animation: tcBannerShine 7s ease-in-out infinite;
}

@keyframes tcBannerShine {

    0% {
        left: -60%;
    }

    35% {
        left: 120%;
    }

    100% {
        left: 120%;
    }

}

.userBanner.tc-cus-banner-hidden {
    display: none;
}

А также весь код надо брать под тег кода, а не такой портянкой кидать
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху