Как решить проблему с баннерами в теме

Albus_Persival · Воскресенье в 10:29

Как решить проблему с баннерами в теме.Если в профиле есть цвета краски в теме нет

Albus_Persival · Понедельник в 16:45

Okary4ik · Понедельник в 16:52

OFFTOP

мне кажется или стиль отлечается?

viovit · Понедельник в 17:18

Okary4ik написал(а):
OFFTOP
мне кажется или стиль отлечается?

как это влияет?

Okary4ik · Понедельник в 17:19

viovit написал(а):
как это влияет?

OFFTOP

код екстры может быть не в том стиле

Albus_Persival · Понедельник в 20:22

@Okary4ik, Нет тот же стиль

Так кто то поможет?

Albus_Persival · Вчера в 17:29

Не кто не может помочь?

kostya8976 · Вчера в 18:02

Albus_Persival написал(а):
Не кто не может помочь?

ехтру дай

Albus_Persival · Вчера в 18:44

Kod:

<xf:include template="nexxe.less" />
<xf:include template="nexxe_icons.less" />
.formSubmitRow-bar { background: none; }

.p-nav-list .p-navEl-link:before {
    display: block !important;
    width: 100% !important;
    background-color: currentColor !important;
}

.p-navEl.is-selected .p-navEl-link:before {
    background-color: #f3882d !important;
}

.p-navEl .p-navEl-link:hover:before {
    background-color: #f3882d !important;
}

.node-icon .fa--xf svg {
    fill: currentColor;
}

.p-nav-inner {
    margin-top: 30px;
}

.nexxe-header { padding: 20px 0; }
.nexxe-header__inner { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.nexxe-header__left { display:flex; align-items:center; gap:16px; }
.nexxe-logo__tag { margin-left:8px; padding:6px 10px; border-radius:10px; background:#fff; color:#ff7a00; font-weight:700; font-size:12px; }

.nexxe-header__right { display:flex; align-items:center; gap:18px; }

.nexxe-cta { border-radius:999px; padding:10px 22px; font-weight:700; background: linear-gradient(90deg,#f7a118,#eb5757); color:#fff; }

.nexxe-avatar-wrap { display:inline-flex; align-items:center; gap:10px; }
.nexxe-avatar-border { display:inline-block; border-radius:50%; padding:3px; position:relative; }
.nexxe-avatar-border:before {
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:50%;
    border:2px dotted #44c36f;
}
.nexxe-user { font-weight:700; }

.nexxe-nav .p-nav-inner { display:flex; align-items:center; gap:18px; }
.nexxe-nav .p-nav-menuTrigger { line-height:1; }
.nexxe-nav .p-nav-list>li { margin-right:28px; }
.nexxe-nav .p-navEl-link { font-weight:800; letter-spacing:.02em; }

.nexxe-searchbar { display:flex; justify-content:flex-end; padding:12px 0; }
.nexxe-searchbar .input { max-width:520px; width:100%; }



.nexxe-avatar-border {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    
    .avatar {
        width: 100% !important;
        height: 100% !important;
        margin: 0;
        
        &.avatar--default.avatar--dynamic {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}

.userBanner.my-curator {
    color: white;
    background-color: #a000a0;
}
/* ====================================================
   1. Подгрузка шрифта Inter
   ==================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700;800;900&display=swap');

/* ====================================================
   2. Базовый UI-стиль баннеров
   ==================================================== */
.crmp-banner {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    
    /* Типографика */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    font-weight: 800 !important;
    font-size: 9.5px !important;
    font-style: normal !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    padding: 4px 11px !important;
    margin: 2px 3px !important;
    
    /* Закругления Nexxe */
    border-radius: 7px !important;
    white-space: nowrap !important;
    
    -webkit-font-smoothing: antialiased;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
    
    /* Glassmorphism */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    
    /* Анимация перелива */
    background-size: 200% 200% !important;
    animation: nexxeGradientShift 5s ease infinite !important;
    position: relative !important;
    overflow: hidden !important;

    /* Мягкий блик */
    &:after {
        content: '' !important;
        position: absolute !important;
        top: -50% !important;
        left: -60% !important;
        width: 30% !important;
        height: 200% !important;
        background: linear-gradient(
            60deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0) 100%
        ) !important;
        transform: rotate(25deg) !important;
        animation: nexxeShimmer 3.5s infinite !important;
    }

    /* ФИКС ИКОНОК: Полный сброс и железобетонная подгрузка FontAwesome */
    i, &:before {
        display: inline-block !important;
        margin-right: 5px !important;
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
        font-weight: 900 !important; /* Обязательно 900 для фавиконов Solid */
        font-style: normal !important;
        font-variant: normal !important;
        text-rendering: auto !important;
        line-height: 1 !important;
        font-size: 9.5px !important;
    }
}

/* --- Анимации --- */
@keyframes nexxeGradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes nexxeShimmer {
    0% { left: -60%; }
    35% { left: 130%; }
    100% { left: 130%; }
}

/* ====================================================
   3. Все баннеры с гарантированными иконками
   ==================================================== */

/* КОМАНДА ФОРУМА / ПЕРСОНАЛ */
.crmp-banner--staff {
    background: linear-gradient(135deg, rgba(247, 151, 30, 0.85), rgba(255, 210, 0, 0.85), rgba(255, 81, 47, 0.85)) !important;
    border: 1px solid rgba(255, 210, 0, 0.5) !important;
    box-shadow: 0 4px 12px rgba(247, 151, 30, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f007" !important; /* Иконка человека (User) */
    }
}

/* РАЗРАБОТЧИК */
.crmp-banner--developer {
    background: linear-gradient(135deg, rgba(0, 198, 255, 0.85), rgba(0, 114, 255, 0.85), rgba(127, 0, 255, 0.85)) !important;
    border: 1px solid rgba(0, 198, 255, 0.5) !important;
    box-shadow: 0 4px 12px rgba(0, 198, 255, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f121" !important; /* Code </ > */
    }
}

/* АДМИНИСТРАЦИЯ */
.crmp-banner--administration {
    background: linear-gradient(135deg, rgba(255, 0, 51, 0.85), rgba(255, 77, 77, 0.85), rgba(179, 0, 36, 0.85)) !important;
    border: 1px solid rgba(255, 0, 51, 0.6) !important;
    box-shadow: 0 4px 12px rgba(255, 0, 51, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f0a3" !important; /* Иконка значка/сертификата (Работает в 100% тем) */
    }
}

/* ГЛАВНЫЙ АДМИНИСТРАТОР (ГА) */
.crmp-banner--ga {
    background: linear-gradient(135deg, rgba(255, 8, 68, 0.85), rgba(255, 78, 80, 0.85), rgba(178, 10, 44, 0.85)) !important;
    border: 1px solid rgba(255, 8, 68, 0.5) !important;
    box-shadow: 0 4px 12px rgba(255, 8, 68, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f005" !important; /* Звезда */
    }
}

/* ЗГА */
.crmp-banner--zga {
    background: linear-gradient(135deg, rgba(229, 45, 39, 0.85), rgba(179, 18, 23, 0.85), rgba(255, 65, 108, 0.85)) !important;
    border: 1px solid rgba(229, 45, 39, 0.5) !important;
    box-shadow: 0 4px 12px rgba(229, 45, 39, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f005" !important; /* Звезда */
    }
}

/* КУРАТОР */
.crmp-banner--curator {
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.85), rgba(218, 34, 255, 0.85), rgba(106, 17, 203, 0.85)) !important;
    border: 1px solid rgba(218, 34, 255, 0.5) !important;
    box-shadow: 0 4px 12px rgba(218, 34, 255, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f005" !important; /* Звезда */
    }
}

/* СТАРШИЙ АДМИНИСТРАТОР */
.crmp-banner--sr-admin {
    background: linear-gradient(135deg, rgba(0, 82, 212, 0.85), rgba(67, 100, 247, 0.85), rgba(111, 177, 252, 0.85)) !important;
    border: 1px solid rgba(67, 100, 247, 0.5) !important;
    box-shadow: 0 4px 12px rgba(67, 100, 247, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f005" !important; /* Звезда */
    }
}

/* АДМИНИСТРАТОР */
.crmp-banner--admin {
    background: linear-gradient(135deg, rgba(30, 60, 114, 0.85), rgba(42, 82, 152, 0.85), rgba(0, 198, 255, 0.85)) !important;
    border: 1px solid rgba(0, 198, 255, 0.4) !important;
    box-shadow: 0 4px 12px rgba(0, 198, 255, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f006" !important; /* Контур звезды */
    }
}

/* МОДЕРАТОР */
.crmp-banner--moderator {
    background: linear-gradient(135deg, rgba(247, 183, 49, 0.85), rgba(245, 205, 121, 0.85), rgba(250, 130, 49, 0.85)) !important;
    border: 1px solid rgba(247, 183, 49, 0.5) !important;
    box-shadow: 0 4px 12px rgba(247, 183, 49, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f06e" !important; /* Глаз */
    }
}

/* ТЕХНИЧЕСКИЙ РАЗДЕЛ */
.crmp-banner--tech {
    background: linear-gradient(135deg, rgba(0, 242, 254, 0.85), rgba(79, 172, 254, 0.85), rgba(0, 0, 0, 0.85)) !important;
    border: 1px solid rgba(0, 242, 254, 0.6) !important;
    box-shadow: 0 4px 12px rgba(0, 242, 254, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;

    &:before {
        content: "\f0ad" !important; /* Гаечный ключ */
    }
}

kostya8976 · Вчера в 20:50

как должны выглядить баннеры

Albus_Persival · Вчера в 21:44

Что бы в теме было как в профиле а то баннеры не имеют цвета я из коробки говорю

kostya8976 · Вчера в 21:54

ссылку на форум твой

Albus_Persival · Вчера в 22:34

https://forum-brooklynroleplay.gt.tc/index.php?i=1

kostya8976 · Вчера в 22:38

Albus_Persival · Вчера в 23:07

Нет это не тот стиль

Albus_Persival · Вчера в 23:08

[AUR]Nexxe

Поиск

Welcome!

Как решить проблему с баннерами в теме

Albus_Persival

Вложения

Albus_Persival

Okary4ik

viovit

@viovit_dev

Okary4ik

Albus_Persival

Albus_Persival

kostya8976

Albus_Persival

kostya8976

Albus_Persival

kostya8976

Albus_Persival

kostya8976

Albus_Persival

Albus_Persival