Пользователь
- Регистрация
- 12 Дек 2024
- Сообщения
- 41
- Автор темы
- #1
Может кому то надо отдельно.
Должно пойти на стиле - https://pawno-help.ru/threads/kolpak-stil-foruma-arizona-rp-2025-replica.6740/
1:
<div class="linkHub">
<div class="linkHub-body">
<div class="linkHub-grid">
<a class="linkHub-item" href="https://t.me/sedona_arz" target="_blank" rel="noopener">
<span class="linkHub-ico"><i class="fa--xf fas fa-paper-plane"></i></span>
<span class="linkHub-text">Мы в Telegram</span>
</a>
<a class="linkHub-item" href="https://discord.gg/xPkKWHhAD4" target="_blank" rel="noopener">
<span class="linkHub-ico"><i class="fa--xf fab fa-discord"></i></span>
<span class="linkHub-text">Оффициальный сервер Discord</span>
</a>
<a class="linkHub-item" href="https://vk.com/arz_g" target="_blank" rel="noopener">
<span class="linkHub-ico"><i class="fa--xf fab fa-vk"></i></span>
<span class="linkHub-text">Группа VK</span>
</a>
<a class="linkHub-item" href="https://t.me/wardenchatk" target="_blank" rel="noopener">
<span class="linkHub-ico"><i class="fa--xf fas fa-comments"></i></span>
<span class="linkHub-text">Беседа в Telegram</span>
</a>
<a class="linkHub-item" href="forums/18">
<span class="linkHub-ico"><i class="fa--xf fas fa-wrench"></i></span>
<span class="linkHub-text">Модификации</span>
</a>
</div>
</div>
</div>
2:
<div class="block">
<div class="block-container" data-widget-id="14" data-widget-key="forum_menu_dostup" data-widget-definition="html">
<h3 class="block-minorHeader">Меню быстрого доступа</h3>
<div class="block-body block-row">
<style>
/* Контейнер для скролла */
.quick-access-container {
max-height: 300px; /* можно подогнать под свой макет */
overflow-y: auto;
padding-right: 6px; /* чтобы текст не налезал на скролл */
scrollbar-width: thin;
scrollbar-color: #2a5298 #171e29;
}
/* Красивый скролл для Chrome/Edge/Safari */
.quick-access-container::-webkit-scrollbar {
width: 6px;
}
.quick-access-container::-webkit-scrollbar-track {
background: #171e29;
border-radius: 4px;
}
.quick-access-container::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #2a5298, #256d85);
border-radius: 4px;
}
.quick-access-container::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #256d85, #2a5298);
}
/* Стили кнопок */
.quick-access .button {
width: 100%;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
border: 1px solid #31435d;
white-space: nowrap;
transition: all 0.3s ease;
font-size: 13px;
border-radius: 8px;
padding: 15px 18px 13px;
font-weight: 400;
text-align: center;
letter-spacing: .05em;
box-shadow: inset 0 -2px 0 rgb(0 0 0 / 12%);
color: #fff;
background: #171e29;
margin: 0 0 10px;
position: relative;
overflow: hidden;
}
.quick-access .button::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(270deg, #1e3c72, #2a5298, #256d85, #2a5298, #1e3c72);
background-size: 400% 400%;
transition: left 0.4s ease;
z-index: 0;
}
.quick-access .button:hover::before {
left: 0;
animation: gradientMove 4s ease infinite;
}
.quick-access .button:hover {
box-shadow: 15 15 15px rgba(37, 109, 133, 0.8),
25 25 25px rgba(42, 82, 152, 0.7),
35 35 35px rgba(30, 60, 114, 0.6);
}
@keyframes gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.quick-access .button span {
position: relative;
z-index: 1;
}
</style>
<div class="quick-access-container">
<ol class="listPlain quick-access">
<li><a href="forums/7" class="button"><span class="button-text"><span>Информация сервера</span></span></a></li>
<li><a href="forums/8" class="button"><span class="button-text"><span>Технический раздел</span></span></a></li>
<li><a href="forums/31" class="button"><span class="button-text"><span>Правила сервера</span></span></a></li>
<li><a href="forums/20" class="button"><span class="button-text"><span>Жалобы</span></span></a></li>
<li><a href="forums/45" class="button"><span class="button-text"><span>Заявления</span></span></a></li>
</ol>
</div>
</div>
</div>
</div>Должно пойти на стиле - https://pawno-help.ru/threads/kolpak-stil-foruma-arizona-rp-2025-replica.6740/
