Решение задачи: Настройка размера ника Diadem и стили групп пользователей
Шахмар Мирзаев, вчера в 18:44 /* Уменьшение размера ника в профиле для темы Diadem */ .memberHeader-name { font-size: 24px !important; /* Уменьшаем размер (было около 40-50px) */ line-height: 1.2 !important; word-wrap: break-word; max-width: 100%; } /* Адаптация для мобильных устройств (как на твоем скрине) */ max-width: 650px { .memberHeader-name { font-size: 20px !important; /* Еще меньше на телефонах */ text-align: center; } } /* Убираем жирность, если ник кажется слишком тяжелым */ .memberHeader-name b, .memberHeader-name strong { font-weight: 600 !important; } max-width: @xf-responsiveMedium { .p-nav-opposite .p-navgroup-link--user { display: flex !important; } .p-nav-opposite .p-navgroup-link--visitorTabs { display: flex !important; } } /* --- ОБНОВЛЕННЫЙ БАННЕР ГРУППЫ 41 (ЦЕНТР + АНИМАЦИЯ) --- */ .userBanner.custom-banner-41 { background: url('https://i.postimg.cc/bJHzXfsF/2025040114162421.png') no-repeat center !important; background-size: contain !important; width: 160px; /* Ширина баннера */ height: 40px; /* Высота баннера */ border: none !important; text-indent: -9999px; /* Прячем текст */ /* Центровка */ display: block !important; margin: 10px auto !important; /* Анимация баннера */ animation: banner-pulse 3s infinite alternate ease-in-out; } /* Эффект пульсации и свечения для баннера */ @keyframes banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 2px rgba(255, 0, 0, 0.4)); } 100% { transform: scale(1.05); filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.8)); } } /* --- НИК ПОЛЬЗОВАТЕЛЯ (Группа 41) --- */ .username--style41 { font-weight: bold; text-align: center; display: block; text-shadow: 0 0 7px rgba(255, 0, 0, 0.7), 0 0 2px rgba(0, 0, 0, 0.8); animation: ari-glow 2s infinite alternate ease-in-out; } /* Анимация ника */ @keyframes ari-glow { 0% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.5); filter: brightness(1); } 100% { text-shadow: 0 0 15px rgba(255, 0, 0, 1), 0 0 10px rgba(255, 255, 255, 0.3); filter: brightness(1.2); } } /* Настройка для мобильных устройств */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-41 { width: 140px; height: 35px; } } /* =================================================== ЛИДЕР — БАННЕР (АНИМАЦИЯ + СВЕЧЕНИЕ) =================================================== */ .userBanner.custom-banner-leader, em.userBanner.custom-banner-leader { background: url('https://i.postimg.cc/0QNkDHt6/2025040115420042.png') no-repeat center !important; background-size: contain !important; width: 160px; height: 40px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; animation: leader-pulse 3s infinite alternate ease-in-out; } /* Пульсация + жёлтое свечение баннера */ @keyframes leader-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 4px rgba(255, 255, 0, 0.5)); } 100% { transform: scale(1.06); filter: drop-shadow(0 0 14px rgba(255, 255, 0, 1)); } } /* =================================================== ЛИДЕР — НИК (СВЕЧЕНИЕ + ТЕНЬ) =================================================== */ /* Универсально для ComForum / XenForo */ .message-userDetails a.username, .memberHeader-name a.username, a.username { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 6px rgba(255, 255, 0, 0.6); } /* ТОЛЬКО для лидера */ .username--leader a, a.username.username--leader { font-weight: bold !important; animation: leader-glow 2s infinite alternate ease-in-out; } /* Анимация свечения ника */ @keyframes leader-glow { 0% { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 6px rgba(255, 255, 0, 0.6); } Шахмар Мирзаев, вчера в 18:44 100% { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85), 0 0 16px rgba(255, 255, 0, 1); } } /* =================================================== МОБИЛЬНАЯ АДАПТАЦИЯ =================================================== */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-leader { width: 140px; height: 35px; } } /* =================================================== ГЛАВНЫЙ АДМИН — ПОЛНЫЙ СТИЛЬ =================================================== */ /* 1. БАННЕР (Без обрезки) */ .userBanner.custom-banner-ga { background: url('https://i.postimg.cc/6QQRpKkg/2025040116281156.png') no-repeat center !important; background-size: 100% 100% !important; /* Картинка ляжет целиком в границы */ width: 160px; height: 45px; /* Скорректировано под пропорции вашей картинки */ border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: ga-banner-pulse 3s infinite alternate ease-in-out; } /* 2. НИК (Цвет #00b45a + Свечение) */ /* Ищем ник в блоке, где присутствует баннер GA */ .message-inner:has(.custom-banner-ga) .username, .memberHeader-main:has(.custom-banner-ga) .username, .contentRow-main:has(.custom-banner-ga) .username { color: #00b45a !important; font-weight: bold !important; text-shadow: 0 0 8px rgba(0, 180, 90, 0.8), 0 0 2px rgba(0, 0, 0, 1) !important; animation: ga-nick-glow 2s infinite alternate ease-in-out !important; } /* 3. АНИМАЦИИ */ @keyframes ga-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 2px rgba(0, 180, 90, 0.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 10px rgba(0, 180, 90, 0.9)); } } @keyframes ga-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 6px rgba(0, 180, 90, 0.7), 0 0 2px rgba(0, 0, 0, 0.8); } 100% { filter: brightness(1.2); text-shadow: 0 0 15px rgba(0, 180, 90, 1), 0 0 5px rgba(255, 255, 255, 0.2); } } /* 4. АДАПТАЦИЯ ПОД МОБИЛКИ */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-ga { width: 130px; height: 37px; } } /* =================================================== ЗГА — ПОЛНЫЙ СТИЛЬ (HTML banner) =================================================== */ .userBanner.custom-banner-zga { background: url('https://i.postimg.cc/wBbNtPHv/2025040116275514.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: zga-banner-pulse 3s infinite alternate ease-in-out; } /* Ник ЗГА — светлый зелёный */ .message-inner:has(.custom-banner-zga) .username, .memberHeader-main:has(.custom-banner-zga) .username, .contentRow-main:has(.custom-banner-zga) .username { color: #2ecc71 !important; font-weight: bold !important; text-shadow: 0 0 6px rgba(46, 204, 113, 0.8), 0 0 12px rgba(46, 204, 113, 0.5), 0 0 2px rgba(0, 0, 0, 1) !important; animation: zga-nick-glow 2s infinite alternate ease-in-out !important; } /* Анимация баннера */ @keyframes zga-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 2px rgba(46, 204, 113, 0.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 10px rgba(46, 204, 113, 0.9)); } } /* Анимация ника */ @keyframes zga-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 5px rgba(46, 204, 113, 0.6), 0 0 2px rgba(0, 0, 0, 0.8); } 100% { filter: brightness(1.15); text-shadow: 0 0 12px rgba(46, 204, 113, 0.95), 0 0 20px rgba(46, 204, 113, 0.6), 0 [2 фотографии] 1. https://vk.ru/photo1053860479_456239408 2. https://vk.ru/photo1053860479_456239411 Шахмар Мирзаев, вчера в 18:44 0 4px rgba(255, 255, 255, 0.15); } } /* Мобилки */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-zga { width: 130px; height: 37px; } } /* =================================================== ВЛАДЕЛЕЦ (VL) — ПОЛНЫЙ СТИЛЬ =================================================== */ .userBanner.custom-banner-vl { background: url('https://i.postimg.cc/htdRWRYb/2025040114210029.png') no-repeat center !important; background-size: 100% 100% !important; width: 170px; height: 48px; border: none !important; text-indent: -9999px; display: block !important; margin: 12px auto !important; padding: 0 !important; animation: vl-banner-pulse 2.5s infinite alternate ease-in-out; } /* Ник владельца — КРАСНЫЙ */ .message-inner:has(.custom-banner-vl) .username, .memberHeader-main:has(.custom-banner-vl) .username, .contentRow-main:has(.custom-banner-vl) .username { color: #ff2b2b !important; font-weight: 900 !important; text-shadow: 0 0 6px rgba(255, 43, 43, 0.9), 0 0 14px rgba(255, 43, 43, 0.8), 0 0 2px rgba(0, 0, 0, 1) !important; animation: vl-nick-glow 1.8s infinite alternate ease-in-out !important; } /* Анимация баннера */ @keyframes vl-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.6)); } 100% { transform: scale(1.06); filter: drop-shadow(0 0 14px rgba(255, 0, 0, 1)); } } /* Анимация ника */ @keyframes vl-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 6px rgba(255, 43, 43, 0.8), 0 0 2px rgba(0, 0, 0, 0.9); } 100% { filter: brightness(1.25); text-shadow: 0 0 18px rgba(255, 43, 43, 1), 0 0 28px rgba(255, 0, 0, 0.9), 0 0 4px rgba(255, 255, 255, 0.25); } } /* Мобилки */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-vl { width: 140px; height: 40px; } } /* =================================================== ЗАМЕСТИТЕЛЬ ВЛАДЕЛЬЦА (ZVL) — ПОЛНЫЙ СТИЛЬ =================================================== */ .userBanner.custom-banner-zvl { background: url('https://i.postimg.cc/k5NrGFq2/2025040114221572.png') no-repeat center !important; background-size: 100% 100% !important; width: 165px; height: 47px; border: none !important; text-indent: -9999px; display: block !important; margin: 11px auto !important; padding: 0 !important; animation: zvl-banner-pulse 2.8s infinite alternate ease-in-out; } /* Ник ZVL — мягкий красный */ .message-inner:has(.custom-banner-zvl) .username, .memberHeader-main:has(.custom-banner-zvl) .username, .contentRow-main:has(.custom-banner-zvl) .username { color: #e74c3c !important; font-weight: 800 !important; text-shadow: 0 0 6px rgba(231, 76, 60, 0.75), 0 0 12px rgba(231, 76, 60, 0.55), 0 0 2px rgba(0, 0, 0, 1) !important; animation: zvl-nick-glow 2.2s infinite alternate ease-in-out !important; } /* Анимация баннера */ @keyframes zvl-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(231, 76, 60, 0.5)); } 100% { transform: scale(1.05); filter: drop-shadow(0 0 11px rgba(231, 76, 60, 0.85)); } } /* Анимация ника */ @keyframes zvl-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 5px rgba(231, 76, 60, 0.6), 0 0 2px rgba(0, 0, 0, 0.85); } 100% { filter: brightness(1.18); text-shadow: 0 0 14px rgba(231, 76, 60, 0.9), 0 0 20px rgba(231, 76, 60, 0.65), 0 0 3px rgba(255, 255, 255, 0.2); } } /* Мобилки */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-zvl { width: 135px; height: 38px; } } /* ==================================== [Фотография] https://vk.ru/photo1053860479_456239409 Шахмар Мирзаев, вчера в 18:44 =============== РУКОВОДИТЕЛЬ (RYK) — ПОЛНЫЙ СТИЛЬ =================================================== */ .userBanner.custom-banner-ryk { background: url('https://i.postimg.cc/25br2BQG/2025040115183390.png') no-repeat center !important; background-size: 100% 100% !important; width: 165px; height: 47px; border: none !important; text-indent: -9999px; display: block !important; margin: 11px auto !important; padding: 0 !important; animation: ryk-banner-pulse 2.8s infinite alternate ease-in-out; } /* Ник RYK — красный уровня ZVL */ .message-inner:has(.custom-banner-ryk) .username, .memberHeader-main:has(.custom-banner-ryk) .username, .contentRow-main:has(.custom-banner-ryk) .username { color: #e74c3c !important; font-weight: 800 !important; text-shadow: 0 0 6px rgba(231, 76, 60, 0.75), 0 0 12px rgba(231, 76, 60, 0.55), 0 0 2px rgba(0, 0, 0, 1) !important; animation: ryk-nick-glow 2.2s infinite alternate ease-in-out !important; } /* Анимация баннера */ @keyframes ryk-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(231, 76, 60, 0.5)); } 100% { transform: scale(1.05); filter: drop-shadow(0 0 11px rgba(231, 76, 60, 0.85)); } } /* Анимация ника */ @keyframes ryk-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 5px rgba(231, 76, 60, 0.6), 0 0 2px rgba(0, 0, 0, 0.85); } 100% { filter: brightness(1.18); text-shadow: 0 0 14px rgba(231, 76, 60, 0.9), 0 0 20px rgba(231, 76, 60, 0.65), 0 0 3px rgba(255, 255, 255, 0.2); } } /* Мобилки */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-ryk { width: 135px; height: 38px; } } /* Убираем стандартный тайтл, если есть кастомный баннер RYK */ .memberHeader-main:has(.custom-banner-ryk) .userTitle, .message-inner:has(.custom-banner-ryk) .userTitle, .contentRow-main:has(.custom-banner-ryk) .userTitle { display: none !important; } /* =================================================== ОСНОВАТЕЛЬ — ПОЛНЫЙ СТИЛЬ =================================================== */ .userBanner.custom-banner-osnova { background: url('https://i.postimg.cc/VLqR072B/2025040115244889.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: osnova-banner-pulse 3s infinite alternate ease-in-out; } /* Ник — красный, между ZVL и RYK */ .message-inner:has(.custom-banner-osnova) .username, .memberHeader-main:has(.custom-banner-osnova) .username, .contentRow-main:has(.custom-banner-osnova) .username { color: #e53935 !important; /* мягкий насыщенный красный */ font-weight: bold !important; text-shadow: 0 0 8px rgba(229,57,53,.8), 0 0 2px rgba(0,0,0,1) !important; animation: osnova-nick-glow 2s infinite alternate ease-in-out !important; } /* Анимации */ @keyframes osnova-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(229,57,53,.6)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 10px rgba(229,57,53,.9)); } } @keyframes osnova-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 6px rgba(229,57,53,.7); } 100% { filter: brightness(1.15); text-shadow: 0 0 14px rgba(229,57,53,1); } } /* Мобилки */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-osnova { width: 130px; height: 37px; } } /* Универсально красим ник во всех местах */ .message-inner:has(.userBanner[class*="custom-banner-"]) .username, .message-inner:has(.userBanner[class*="custom-banner-"]) .username--style, [Фотография] https://vk.ru/photo1053860479_456239410 Шахмар Мирзаев, вчера в 18:44 .memberHeader-main:has(.userBanner[class*="custom-banner-"]) .username, .structItem-title:has(.userBanner[class*="custom-banner-"]) .username, .structItem-title:has(.userBanner[class*="custom-banner-"]) .username--style { color: inherit; } /* =================================================== ОСНОВАТЕЛЬ (OSNOVA) — ГРУППА ID 54 =================================================== */ .userBanner.custom-banner-osnov { background: url('https://i.postimg.cc/VLqR072B/2025040115244889.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: osnov-banner-pulse 3s infinite alternate ease-in-out; } /* Ник — уровень между ZVL и RYK */ .message-inner:has(.custom-banner-osnov) .username, .message-inner:has(.custom-banner-osnov) .username--style, .memberHeader-main:has(.custom-banner-osnov) .username, .structItem-title:has(.custom-banner-osnov) .username, .structItem-title:has(.custom-banner-osnov) .username--style { color: #e14444 !important; font-weight: bold !important; text-shadow: 0 0 7px rgba(225,68,68,.75), 0 0 2px rgba(0,0,0,1) !important; animation: osnov-nick-glow 2s infinite alternate ease-in-out !important; } /* Анимации */ @keyframes osnov-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(225,68,68,.6)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 9px rgba(225,68,68,.9)); } } @keyframes osnov-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 6px rgba(225,68,68,.65); } 100% { filter: brightness(1.15); text-shadow: 0 0 13px rgba(225,68,68,1); } } /* Мобилки */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-osnov { width: 130px; height: 37px; } } /* Баннер в шапке профиля */ .memberHeader-banner { margin-top: 8px; display: flex; justify-content: center; } .memberHeader-banner .userBanner { margin: 0 auto !important; } /* =================================================== ЗАМ ОСНОВАТЕЛЯ — ZAMOSNOV (ID 49) =================================================== */ .userBanner.custom-banner-zamosnov { background: url('https://i.postimg.cc/YCtx66Hc/2025040115251502.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: zamosnov-banner-pulse 3s infinite alternate ease-in-out; } /* Ник — красный, НИЖЕ ZVL, ВЫШЕ RYK */ .message-inner:has(.custom-banner-zamosnov) .username, .message-inner:has(.custom-banner-zamosnov) .username--style, .memberHeader-main:has(.custom-banner-zamosnov) .username, .structItem-title:has(.custom-banner-zamosnov) .username, .structItem-title:has(.custom-banner-zamosnov) .username--style { color: #e04a4a !important; font-weight: bold !important; text-shadow: 0 0 7px rgba(224,74,74,.75), 0 0 2px rgba(0,0,0,1) !important; animation: zamosnov-nick-glow 2s infinite alternate ease-in-out !important; } /* Анимации */ @keyframes zamosnov-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(224,74,74,.6)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 9px rgba(224,74,74,.9)); } } @keyframes zamosnov-nick-glow { 0% { filter: brightness(1); text-shadow: 0 0 6px rgba(224,74,74,.65); } 100% { filter: brightness(1.15); text-shadow: 0 0 13px rgba(224,74,74,1); } } /* Мобилки */ max-width: @xf-responsiveMedium { .userBanner.custom-banner-zamosnov { Шахмар Мирзаев, вчера в 18:44 width: 130px; height: 37px; } } /* Убираем стандартный тайтл, если есть кастомный баннер ZVL */ .memberHeader-main:has(.custom-banner-zvl) .userTitle, .message-inner:has(.custom-banner-zvl) .userTitle, .contentRow-main:has(.custom-banner-zvl) .userTitle { display: none !important; } /* ========================================= СПЕЦ АДМИНИСТРАЦИЯ ========================================= */ .userBanner.custom-banner-specadm { background: url('https://i.postimg.cc/CLT71yrx/2025040115252659.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: specadm-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-specadm) .username, .memberHeader-main:has(.custom-banner-specadm) .username, .contentRow-main:has(.custom-banner-specadm) .username { color: #e53935 !important; font-weight: bold !important; text-shadow: 0 0 8px rgba(229,57,53,.85), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes specadm-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(229,57,53,.6)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 10px rgba(229,57,53,.9)); } } /* ========================================= ГЛАВНЫЙ СЛЕДЯЩИЙ ========================================= */ .userBanner.custom-banner-gls { background: url('https://i.postimg.cc/FHVgKD7d/2025040115575576.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: gls-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-gls) .username, .memberHeader-main:has(.custom-banner-gls) .username, .contentRow-main:has(.custom-banner-gls) .username { color: #2f7edb !important; /* тёмно-голубой */ font-weight: bold !important; text-shadow: 0 0 8px rgba(47,126,219,.85), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes gls-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(47,126,219,.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 10px rgba(47,126,219,.9)); } } /* ========================================= ЗАМ. ГЛАВНОГО СЛЕДЯЩЕГО ========================================= */ .userBanner.custom-banner-zgls { background: url('https://i.postimg.cc/RZBL9jVx/2025040115581170.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: zgls-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-zgls) .username, .memberHeader-main:has(.custom-banner-zgls) .username, .contentRow-main:has(.custom-banner-zgls) .username { color: #6a5acd !important; /* фиолетово-синий */ font-weight: bold !important; text-shadow: 0 0 8px rgba(106,90,205,.85), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes zgls-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(106,90,205,.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 10px rgba(106,90,205,.9)); } } /* ========================================= КУРАТОР ========================================= */ .userBanner.custom-banner-kyr { background: url('https://i.postimg.cc/fbW7Sm9H/20250401155828 Шахмар Мирзаев, вчера в 18:44 91.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: kyr-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-kyr) .username, .memberHeader-main:has(.custom-banner-kyr) .username, .contentRow-main:has(.custom-banner-kyr) .username { color: #5b2d8b !important; /* тёмно-фиолетовый */ font-weight: bold !important; text-shadow: 0 0 8px rgba(91,45,139,.9), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes kyr-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(91,45,139,.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 12px rgba(91,45,139,.95)); } } /* ========================================= ЗАМЕСТИТЕЛЬ ЛИДЕРА ========================================= */ .userBanner.custom-banner-zlider { background: url('https://i.postimg.cc/VNgsScFQ/2025040115433355.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: zlider-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-zlider) .username, .memberHeader-main:has(.custom-banner-zlider) .username, .contentRow-main:has(.custom-banner-zlider) .username { color: #f2b705 !important; /* оранжево-жёлтый */ font-weight: bold !important; text-shadow: 0 0 8px rgba(242,183,5,.9), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes zlider-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(242,183,5,.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 12px rgba(242,183,5,.95)); } } /* ========================================= СТАРШИЙ АДМИНИСТРАТОР ========================================= */ .userBanner.custom-banner-stadm { background: url('https://i.postimg.cc/vmswLSmY/2025040115313963.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: stadm-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-stadm) .username, .memberHeader-main:has(.custom-banner-stadm) .username, .contentRow-main:has(.custom-banner-stadm) .username { color: #1e6bd6 !important; /* синий */ font-weight: bold !important; text-shadow: 0 0 8px rgba(30,107,214,.9), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes stadm-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(30,107,214,.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 12px rgba(30,107,214,.95)); } } /* ========================================= АДМИНИСТРАТОР ========================================= */ .userBanner.custom-banner-adm { background: url('https://i.postimg.cc/q7hQqkrg/2025040115362974.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: adm-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-adm) .username, .memberHeader-main:has(.custom-banner-adm) .username, .contentRow-main:has(.custom-banner-adm) .username Шахмар Мирзаев, вчера в 18:44 { color: #3b78d8 !important; /* спокойный синий */ font-weight: bold !important; text-shadow: 0 0 7px rgba(59,120,216,.85), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes adm-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 2px rgba(59,120,216,.45)); } 100% { transform: scale(1.03); filter: drop-shadow(0 0 10px rgba(59,120,216,.9)); } } /* Убираем стандартный тайтл, если есть кастомный баннер ADM */ .memberHeader-main:has(.custom-banner-adm) .userTitle, .message-inner:has(.custom-banner-adm) .userTitle, .contentRow-main:has(.custom-banner-adm) .userTitle { display: none !important; } /* ========================================= МЛАДШИЙ АДМИНИСТРАТОР ========================================= */ .userBanner.custom-banner-mladm { background: url('https://i.postimg.cc/43DPhr4P/2025040115364365.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: mladm-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-mladm) .username, .memberHeader-main:has(.custom-banner-mladm) .username, .contentRow-main:has(.custom-banner-mladm) .username { color: #e1b44c !important; /* золотистый */ font-weight: bold !important; text-shadow: 0 0 8px rgba(225,180,76,.9), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes mladm-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(225,180,76,.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 12px rgba(225,180,76,.95)); } } /* ========================================= ХЕЛПЕР ========================================= */ .userBanner.custom-banner-helper { background: url('https://i.postimg.cc/G2ScQJNX/2025040115402490.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: helper-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-helper) .username, .memberHeader-main:has(.custom-banner-helper) .username, .contentRow-main:has(.custom-banner-helper) .username { color: #3fc3ff !important; /* яркий голубой */ font-weight: bold !important; text-shadow: 0 0 8px rgba(63,195,255,.9), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes helper-banner-pulse { 0% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(63,195,255,.5)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 12px rgba(63,195,255,.95)); } } /* ========================================= BOT ========================================= */ .userBanner.custom-banner-bot { background: url('https://i.postimg.cc/y6jv3ksn/2025040320583879.png') no-repeat center !important; background-size: 100% 100% !important; width: 160px; height: 45px; border: none !important; text-indent: -9999px; display: block !important; margin: 10px auto !important; padding: 0 !important; animation: bot-banner-pulse 3s infinite alternate ease-in-out; } /* Ник */ .message-inner:has(.custom-banner-bot) .username, .memberHeader-main:has(.custom-banner-bot) .username, .contentRow-main:has(.custom-banner-bot) .username { color: #e21c1c !important; /* жёсткий красный */ font-weight: bold !important; text-shadow: 0 0 8px rgba(226,28,28,.95), 0 0 2px rgba(0,0,0,1) !important; } /* Анимация */ @keyframes bot-banner-pulse { 0% { transf Шахмар Мирзаев, вчера в 18:44 orm: scale(1); filter: drop-shadow(0 0 3px rgba(226,28,28,.6)); } 100% { transform: scale(1.04); filter: drop-shadow(0 0 14px rgba(226,28,28,1)); } } Какие роли тут названы, перечисли
Решение CSS задачи по уменьшению размера ника в теме Diadem и разбор стилей для различных групп пользователей форума (администраторы, лидеры, основатели и т.д.). В коде представлены стили для 18 различных ролей.