LIVE SAMP

Решено Помогите с меню быстрого доступа

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Статус
В этой теме нельзя размещать новые ответы.
timkak

timkak

Пользователь
Регистрация
15 Сен 2025
Сообщения
122
Помогите пожалуйста с меню быстрого доступа. Я создал виджет, вставил шаблон, настроил, но пожалуйста дайте CSS код что бы было так:
Screenshot_20251119_172822.jpg
Вот что у меня:
Screenshot_20251119_172752.jpg
 
Последнее редактирование:
Решение
viovit
решение мега простое и требует использования более 1 извилины мозга

код внизу, пояснение прям тут: из предоставленной информации что у тса кнопки "остались белыми" и "у него нет вариаций стиля" можно сделать вывод что у него просто не применялся класс с проверкой на темную тему который присутствует в изначальном коде. это можно понять ведь цвета в варианте без проверки имеют как раз таки белые цвета.

а почему не применялся класс? да тут и гадать не надо: либо тс не использует 2.3, либо он сидит на светлой теме
1763629316364.png



123123: 
<div class="block-container" data-widget-id="39" data-widget-key="test" data-widget-definition="html">
            
                <h3 class="block-minorHeader">Быстрая навигация</h3>...
Сортировка по дате Сортировка по голосам
Weshnovsky

Weshnovsky

Пользователь
Регистрация
19 Фев 2024
Сообщения
127
1763612403674.png
Вот как выглядит
А вот код

Быстрый Доступ: 
<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:#0b1220;
  --qa-bg:#f5f6f8;
  --qa-hover:#ffffff;
  --qa-border:#e2e5ea;
  --qa-border-strong:#cdd3dd;
  --qa-surface:transparent;
  --qa-surface-border:#e9edf3;
  --qa-accent:linear-gradient(90deg,#ff6db7,#8b5cf6);
}

html[data-color-scheme="dark"] .qaWidget,
html[data-xf-style-type="dark"] .qaWidget,
html.theme--dark .qaWidget,
.p-body.is-dark .qaWidget,
.p-body--modular.is-dark .qaWidget{
  --qa-text: #fff;
  --qa-bg: rgba(255, 255, 255, 0.06);
  --qa-hover: linear-gradient(0deg,rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.13)),rgba(255, 255, 255, 0.06);
  --qa-border: 1px solid rgba(255, 255, 255, 0.14);
  --qa-border-strong: #cdd3dd;
  --qa-surface: transparent;
  --qa-surface-border: #e9edf3;
  --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,rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.12)),var(--qa-bg);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 6px 16px rgba(0, 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="/forums/6" class="button "><span class="button-text">Правила Проекта</span></a></li>
<hr>
    <li><a href="/forums/5" class="button "><span class="button-text">Технический раздел</span></a></li>
<hr>
    <li><a href="forums/16" class="button "><span class="button-text">Жалобы HORIZON</span></a></li>
</ol>
</div>
</div>
            </div>
 
Позитивный голос 0 Негативный голос
lerua_Merlen

lerua_Merlen

Заблокированный
Регистрация
30 Окт 2025
Сообщения
285
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Weshnovsky написал(а):
Посмотреть вложение 16146
Вот как выглядит
А вот код

Быстрый Доступ: 
<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:#0b1220;
  --qa-bg:#f5f6f8;
  --qa-hover:#ffffff;
  --qa-border:#e2e5ea;
  --qa-border-strong:#cdd3dd;
  --qa-surface:transparent;
  --qa-surface-border:#e9edf3;
  --qa-accent:linear-gradient(90deg,#ff6db7,#8b5cf6);
}

html[data-color-scheme="dark"] .qaWidget,
html[data-xf-style-type="dark"] .qaWidget,
html.theme--dark .qaWidget,
.p-body.is-dark .qaWidget,
.p-body--modular.is-dark .qaWidget{
  --qa-text: #fff;
  --qa-bg: rgba(255, 255, 255, 0.06);
  --qa-hover: linear-gradient(0deg,rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.13)),rgba(255, 255, 255, 0.06);
  --qa-border: 1px solid rgba(255, 255, 255, 0.14);
  --qa-border-strong: #cdd3dd;
  --qa-surface: transparent;
  --qa-surface-border: #e9edf3;
  --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,rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.12)),var(--qa-bg);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 6px 16px rgba(0, 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="/forums/6" class="button "><span class="button-text">Правила Проекта</span></a></li>
<hr>
    <li><a href="/forums/5" class="button "><span class="button-text">Технический раздел</span></a></li>
<hr>
    <li><a href="forums/16" class="button "><span class="button-text">Жалобы HORIZON</span></a></li>
</ol>
</div>
</div>
            </div>
Нажмите для раскрытия...
OFFTOP


тайный пиар своей аризоны хоризон

 
Позитивный голос 0 Негативный голос
lerua_Merlen

lerua_Merlen

Заблокированный
Регистрация
30 Окт 2025
Сообщения
285
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Weshnovsky написал(а):
OFFTOP

О неееет, блин извините, я челу прост фулл проект делаю:)

Нажмите для раскрытия...
OFFTOP

жди варн за пиар, а потом бан навсегда

 
Позитивный голос 0 Негативный голос
timkak

timkak

Пользователь
Регистрация
15 Сен 2025
Сообщения
122
Weshnovsky написал(а):
Посмотреть вложение 16146
Вот как выглядит
А вот код

Быстрый Доступ: 
<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:#0b1220;
  --qa-bg:#f5f6f8;
  --qa-hover:#ffffff;
  --qa-border:#e2e5ea;
  --qa-border-strong:#cdd3dd;
  --qa-surface:transparent;
  --qa-surface-border:#e9edf3;
  --qa-accent:linear-gradient(90deg,#ff6db7,#8b5cf6);
}

html[data-color-scheme="dark"] .qaWidget,
html[data-xf-style-type="dark"] .qaWidget,
html.theme--dark .qaWidget,
.p-body.is-dark .qaWidget,
.p-body--modular.is-dark .qaWidget{
  --qa-text: #fff;
  --qa-bg: rgba(255, 255, 255, 0.06);
  --qa-hover: linear-gradient(0deg,rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.13)),rgba(255, 255, 255, 0.06);
  --qa-border: 1px solid rgba(255, 255, 255, 0.14);
  --qa-border-strong: #cdd3dd;
  --qa-surface: transparent;
  --qa-surface-border: #e9edf3;
  --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,rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.12)),var(--qa-bg);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 6px 16px rgba(0, 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="/forums/6" class="button "><span class="button-text">Правила Проекта</span></a></li>
<hr>
    <li><a href="/forums/5" class="button "><span class="button-text">Технический раздел</span></a></li>
<hr>
    <li><a href="forums/16" class="button "><span class="button-text">Жалобы HORIZON</span></a></li>
</ol>
</div>
</div>
            </div>
Нажмите для раскрытия...
Ау, я вставил у меня выходит белая вариация, или там код белой надо убрать?
 
Позитивный голос 0 Негативный голос
lerua_Merlen

lerua_Merlen

Заблокированный
Регистрация
30 Окт 2025
Сообщения
285
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Timka_Veleseks написал(а):
Ау, я вставил у меня выходит белая вариация, или там код белой надо убрать?
Нажмите для раскрытия...
OFFTOP

продам за 120р точь в точь как у аризоны

 
Позитивный голос 0 Негативный голос
lerua_Merlen

lerua_Merlen

Заблокированный
Регистрация
30 Окт 2025
Сообщения
285
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Timka_Veleseks написал(а):
OFFTOP

Тебе что ли Ильнар аккаунт дал?

Нажмите для раскрытия...
OFFTOP

кто за ильнар?

 
Позитивный голос 0 Негативный голос
lerua_Merlen

lerua_Merlen

Заблокированный
Регистрация
30 Окт 2025
Сообщения
285
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Timka_Veleseks написал(а):
Владелец этого аккаунта, ну и Детроит тоже
Нажмите для раскрытия...
OFFTOP

ты че тупой? Я не знаю кто такой ильнар. Аккаунт мой.

Иди проспись дружок

 
Позитивный голос 0 Негативный голос
Weshnovsky

Weshnovsky

Пользователь
Регистрация
19 Фев 2024
Сообщения
127
lerua_Merlen написал(а):
OFFTOP

продам за 120р точь в точь как у аризоны

Нажмите для раскрытия...
OFFTOP

Это баг стиля ихнего если поставить варицию system то быстрое меню будет белое а если поставь Темный то темное и так далее

 
Позитивный голос 0 Негативный голос
lerua_Merlen

lerua_Merlen

Заблокированный
Регистрация
30 Окт 2025
Сообщения
285
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
viovit написал(а):
сидят гении пытаются решить легкую проблему, в упор не видят проблему
Нажмите для раскрытия...
OFFTOP

тише ты, они скоро догадаются 🤫

 
Позитивный голос 0 Негативный голос
Статус
В этой теме нельзя размещать новые ответы.
Сверху