Пользователь
- Регистрация
- 15 Сен 2025
- Сообщения
- 66
- Автор темы
- #1
Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.
Зарегистрироваться!
<div class="block-container" data-widget-id="39" data-widget-key="test" data-widget-definition="html">
<h3 class="block-minorHeader">Быстрая навигация</h3>...
А что ты хочешь, я не мастер в этом.сидят гении пытаются решить легкую проблему, в упор не видят проблему
так не помогай, вот и ответ тебеА что ты хочешь, я не мастер в этом.
Скинь форум DetroitПомогите пожалуйста с меню быстрого доступа. Я создал виджет, вставил шаблон, настроил, но пожалуйста дайте CSS код что бы было так:
Посмотреть вложение 16116
Вот что у меня:
Посмотреть вложение 16117
Скинь форум Detroit
Скинь форум Detroit
Просто стили кнопок меняешь. Я не знаю какие там точно цвета и классы, но примерно выглядит так:Але мне кто нибудь уже поможет
.button {
background: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(255, 255, 255, 0.7);
}
Если так будешь борзо отвечать тебе не помогутАле мне кто нибудь уже поможет
еще 1 гуру появилсяПросто стили кнопок меняешь. Я не знаю какие там точно цвета и классы, но примерно выглядит так:
CSS:.button { background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.7); }
еще 1 гуру появился

<div class="block-container" data-widget-id="39" data-widget-key="test" data-widget-definition="html">
<h3 class="block-minorHeader">Быстрая навигация</h3>
<div class="block-body block-row">
<div class="qaWidget" style="--qa-max-h: 420px;">
<style>
.qaWidget { --qa-radius:14px; --qa-gap:8px; --qa-max-h:460px; }
.qaWidget{
--qa-text:#e9edf3;
--qa-bg:rgba(255,255,255,.06);
--qa-hover:rgba(255,255,255,.12);
--qa-border:rgba(255,255,255,.14);
--qa-border-strong:rgba(255,255,255,.24);
--qa-surface:transparent;
--qa-surface-border:rgba(255,255,255,.08);
--qa-accent:linear-gradient(90deg,#ff6db7,#8b5cf6);
}
.qaWidget .qa-scroll{max-height:var(--qa-max-h); overflow:auto; padding-right:4px;}
.qaWidget .quick-access{margin:0;padding:0;}
.qaWidget .quick-access li{list-style:none;margin:0 0 var(--qa-gap);}
.qaWidget .quick-access hr{display:none;}
.qaWidget .qa-scroll::-webkit-scrollbar{width:8px}
.qaWidget .qa-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:var(--qa-border-strong)}
.qaWidget .qa-scroll::-webkit-scrollbar-track{background:transparent}
/* кнопки-«пилюли» */
.qaWidget .quick-access .button{
position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
width:100%;height:44px;padding:0 14px;border-radius:var(--qa-radius);
font-weight:600;letter-spacing:.01em;color:var(--qa-text) !important;
background:var(--qa-bg);border:1px solid var(--qa-border);
box-shadow:0 1px 1px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.04);
-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
text-decoration:none !important;
}
.qaWidget .quick-access .button::before{
content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--qa-accent);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .15s ease;
}
.qaWidget .quick-access .button:hover{
transform:translateY(-1px);
background:linear-gradient(0deg,var(--qa-hover),var(--qa-hover)),var(--qa-bg);
border-color:var(--qa-border-strong);box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.qaWidget .quick-access .button:hover::before{opacity:.9;}
.qaWidget .quick-access .button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.12);}
.qaWidget .quick-access .button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--qa-surface),0 0 0 4px rgba(139,92,246,.5);}
.qaWidget[data-size="sm"] .quick-access .button{height:38px}
</style>
<div class="qa-scroll">
<ol class="listPlain quick-access">
<li><a href="https://forum.arizona-rp.com/forums/3762/" class="button "><span class="button-text">Правила проекта</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/index.php?threads/forum-rules/" class="button "><span class="button-text">Правила форума</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/525/" class="button "><span class="button-text">Жалобы Phoenix</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/523/" class="button "><span class="button-text">Жалобы Tucson</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/521/" class="button "><span class="button-text">Жалобы Scottdale</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/519/" class="button "><span class="button-text">Жалобы Chandler</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/540/" class="button "><span class="button-text">Жалобы Brainburg</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/682/" class="button "><span class="button-text">Жалобы Saint Rose</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/2133/" class="button "><span class="button-text">Жалобы Mesa</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/838/" class="button "><span class="button-text">Жалобы Red-Rock</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/955/" class="button "><span class="button-text">Жалобы Yuma</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/1054/" class="button "><span class="button-text">Жалобы Surprise</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/1133/" class="button "><span class="button-text">Жалобы Prescott</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/1233/" class="button "><span class="button-text">Жалобы Glendale</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/1291/" class="button "><span class="button-text">Жалобы Kingman</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/1398/" class="button "><span class="button-text">Жалобы Winslow</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/1470/" class="button "><span class="button-text">Жалобы Payson</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/1586/" class="button "><span class="button-text">Жалобы Gilbert</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/1688/" class="button "><span class="button-text">Жалобы Show-Low</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/1780/" class="button "><span class="button-text">Жалобы Casa-Grande</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/1910/" class="button "><span class="button-text">Жалобы Page</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/2275/" class="button "><span class="button-text">Жалобы Sun-City</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/2136/" class="button "><span class="button-text">Жалобы Queen-Creek</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/2300/" class="button "><span class="button-text">Жалобы Sedona</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/2469/" class="button "><span class="button-text">Жалобы Holiday</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/2567/" class="button "><span class="button-text">Жалобы Wednesday</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/2764/" class="button "><span class="button-text">Жалобы Yava</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/2906/" class="button "><span class="button-text">Жалобы Faraway</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/3006/" class="button "><span class="button-text">Жалобы Bumble Bee</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/3094/" class="button "><span class="button-text">Жалобы Christmas</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/3207/" class="button "><span class="button-text">Жалобы Mirage</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/3290/" class="button "><span class="button-text">Жалобы Love</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/3542/" class="button "><span class="button-text">Жалобы Drake</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/3848/" class="button "><span class="button-text">Жалобы Space</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/forums/2066/" class="button "><span class="button-text">Жалобы Arizona Mobile 1</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/2209/" class="button "><span class="button-text">Жалобы Arizona Mobile 2</span></a></li>
<hr>
<li><a href="https://forum.arizona-rp.com/categories/2383/" class="button "><span class="button-text">Жалобы Arizona Mobile 3</span></a></li>
</ol>
</div>
</div>
</div>
</div>
решение мега простое и требует использования более 1 извилины мозга
код внизу, пояснение прям тут: из предоставленной информации что у тса кнопки "остались белыми" и "у него нет вариаций стиля" можно сделать вывод что у него просто не применялся класс с проверкой на темную тему который присутствует в изначальном коде. это можно понять ведь цвета в варианте без проверки имеют как раз таки белые цвета.
а почему не применялся класс? да тут и гадать не надо: либо тс не использует 2.3, либо он сидит на светлой теме
Посмотреть вложение 16154
codeo:<div class="block-container" data-widget-id="39" data-widget-key="test" data-widget-definition="html"> <h3 class="block-minorHeader">Быстрая навигация</h3> <div class="block-body block-row"> <div class="qaWidget" style="--qa-max-h: 420px;"> <style> .qaWidget { --qa-radius:14px; --qa-gap:8px; --qa-max-h:460px; } .qaWidget{ --qa-text:#e9edf3; --qa-bg:rgba(255,255,255,.06); --qa-hover:rgba(255,255,255,.12); --qa-border:rgba(255,255,255,.14); --qa-border-strong:rgba(255,255,255,.24); --qa-surface:transparent; --qa-surface-border:rgba(255,255,255,.08); --qa-accent:linear-gradient(90deg,#ff6db7,#8b5cf6); } .qaWidget .qa-scroll{max-height:@qa-max-h; overflow:auto; padding-right:4px;} .qaWidget .quick-access{margin:0;padding:0;} .qaWidget .quick-access li{list-style:none;margin:0 0 @qa-gap;} .qaWidget .quick-access hr{display:none;} .qaWidget .qa-scroll::-webkit-scrollbar{width:8px} .qaWidget .qa-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:@qa-border-strong} .qaWidget .qa-scroll::-webkit-scrollbar-track{background:transparent} /* кнопки-«пилюли» */ .qaWidget .quick-access .button{ position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px; width:100%;height:44px;padding:0 14px;border-radius:@qa-radius; font-weight:600;letter-spacing:.01em;color:@qa-text !important; background:@qa-bg;border:1px solid @qa-border; box-shadow:0 1px 1px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.04); -webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px); transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease; text-decoration:none !important; } .qaWidget .quick-access .button::before{ content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:@qa-accent; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .15s ease; } .qaWidget .quick-access .button:hover{ transform:translateY(-1px); background:linear-gradient(0deg,@qa-hover),@qa-hover,@qa-bg; border-color:@qa-border-strong;box-shadow:0 6px 16px rgba(0,0,0,.12); } .qaWidget .quick-access .button:hover::before{opacity:.9;} .qaWidget .quick-access .button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.12);} .qaWidget .quick-access .button:focus-visible{outline:none;box-shadow:0 0 0 2px @qa-surface,0 0 0 4px rgba(139,92,246,.5);} .qaWidget[data-size="sm"] .quick-access .button{height:38px} </style> <div class="qa-scroll"> <ol class="listPlain quick-access"> <li><a href="https://forum.arizona-rp.com/forums/3762/" class="button "><span class="button-text">Правила проекта</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/index.php?threads/forum-rules/" class="button "><span class="button-text">Правила форума</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/525/" class="button "><span class="button-text">Жалобы Phoenix</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/523/" class="button "><span class="button-text">Жалобы Tucson</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/521/" class="button "><span class="button-text">Жалобы Scottdale</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/519/" class="button "><span class="button-text">Жалобы Chandler</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/540/" class="button "><span class="button-text">Жалобы Brainburg</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/682/" class="button "><span class="button-text">Жалобы Saint Rose</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/2133/" class="button "><span class="button-text">Жалобы Mesa</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/838/" class="button "><span class="button-text">Жалобы Red-Rock</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/955/" class="button "><span class="button-text">Жалобы Yuma</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/1054/" class="button "><span class="button-text">Жалобы Surprise</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/1133/" class="button "><span class="button-text">Жалобы Prescott</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/1233/" class="button "><span class="button-text">Жалобы Glendale</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/1291/" class="button "><span class="button-text">Жалобы Kingman</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/1398/" class="button "><span class="button-text">Жалобы Winslow</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/1470/" class="button "><span class="button-text">Жалобы Payson</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/1586/" class="button "><span class="button-text">Жалобы Gilbert</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/1688/" class="button "><span class="button-text">Жалобы Show-Low</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/1780/" class="button "><span class="button-text">Жалобы Casa-Grande</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/1910/" class="button "><span class="button-text">Жалобы Page</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/2275/" class="button "><span class="button-text">Жалобы Sun-City</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/2136/" class="button "><span class="button-text">Жалобы Queen-Creek</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/2300/" class="button "><span class="button-text">Жалобы Sedona</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/2469/" class="button "><span class="button-text">Жалобы Holiday</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/2567/" class="button "><span class="button-text">Жалобы Wednesday</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/2764/" class="button "><span class="button-text">Жалобы Yava</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/2906/" class="button "><span class="button-text">Жалобы Faraway</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/3006/" class="button "><span class="button-text">Жалобы Bumble Bee</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/3094/" class="button "><span class="button-text">Жалобы Christmas</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/3207/" class="button "><span class="button-text">Жалобы Mirage</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/3290/" class="button "><span class="button-text">Жалобы Love</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/3542/" class="button "><span class="button-text">Жалобы Drake</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/3848/" class="button "><span class="button-text">Жалобы Space</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/forums/2066/" class="button "><span class="button-text">Жалобы Arizona Mobile 1</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/2209/" class="button "><span class="button-text">Жалобы Arizona Mobile 2</span></a></li> <hr> <li><a href="https://forum.arizona-rp.com/categories/2383/" class="button "><span class="button-text">Жалобы Arizona Mobile 3</span></a></li> </ol> </div> </div> </div> </div>
код готовый, вставит и всё, не обязательно ему читать, пусть почитают прошлые "помогаторы" может хоть так у них разблокируется часть мозга отвечающая за мышление