📸 Нужно решить свою задачу?
Загрузите фото — AI решит за секунды!
schoolИнформатика verifiedРешено AI

Решение задачи: Настройка размера ника Diadem и стили групп пользователей

calendar_today
schedule1 мин. чтения
visibility1 просмотр

Шахмар Мирзаев, вчера в 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 различных ролей.

check_circle

Подробное решение

В представленном коде CSS для оформления форума (вероятно, на движке XenForo) описаны стили для различных групп пользователей. Ниже приведен список всех ролей (групп), для которых созданы уникальные баннеры и стили ников: 1. Группа 41 (в коде обозначена как custom-banner-41) 2. Лидер (Leader) 3. Главный администратор (GA) 4. Заместитель главного администратора (ZGA) 5. Владелец (VL) 6. Заместитель владельца (ZVL) 7. Руководитель (RYK) 8. Основатель (Osnova / Osnov) — указаны ID 54 и общие стили 9. Заместитель основателя (Zamosnov) — ID 49 10. Спец. администрация (Specadm) 11. Главный следящий (GLS) 12. Заместитель главного следящего (ZGLS) 13. Куратор (KYR) 14. Заместитель лидера (Zlider) 15. Старший администратор (Stadm) 16. Администратор (Adm) 17. Младший администратор (Mladm) 18. Хелпер (Helper) 19. Бот (Bot) Также в коде присутствуют общие настройки для мобильной адаптации и изменения размера шрифта имен пользователей в профиле (тема Diadem).
listВсе задачи

Нужно решить свою задачу?

Загрузите фото или введите текст — AI решит с пошаговым объяснением!

Решите свою задачу прямо сейчас

Введите текст задачи или загрузите фото — получите ответ мгновенно

Выберите режим AI:
🚀 Pro v3
20 руб. • 99.9%
⚡ Lite v3
5 руб. • 95%
Ваш баланс: 10 руб.
Пополнить
psychology
Задайте любой вопрос
Поддерживаются текст, фото и голосовой ввод
Изображение
🎉
Бонус получен!
+20 ₽
Добавлено на ваш баланс