Gigant
Только чтение
- Сообщения
- 27
- Реакции
- -1
- Баллы
- 28
4.3. Запрещено оставлять агрессивные или оскорбительные выражения в комментариях и других сообщениях.
Приветик. Не знаю искали-ли уже эту новую панель или нет, ну вот короче.
Это для тех кто не понимает куда в виджитах html. Расширение HTML не надо ставить!
Это для тех кто не понимает куда в виджитах html. Расширение HTML не надо ставить!
HTML:
<div class="block-body block-row">
<style>
.quick-access-container {
max-height: 500px;
overflow-y: auto;
padding-right: 6px;
scrollbar-width: thin;
scrollbar-color: #2a5298 #171e29;
}
.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="https://forum.arizona-rp.com/forums/3762/" class="button"><span class="button-text"><span>Правила проекта</span></span></a></li>
<li><a href="http://forum.arizona-rp.com/index.php?threads/forum-rules/" class="button"><span class="button-text"><span>Правила форума</span></span></a></li>
<li><a href="http://forum.arizona-rp.com/forums/525/" class="button"><span class="button-text"><span>Жалобы Phoenix</span></span></a></li>
<li><a href="http://forum.arizona-rp.com/forums/523/" class="button"><span class="button-text"><span>Жалобы Tucson</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/521/" class="button"><span class="button-text"><span>Жалобы Scottdale</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/519/" class="button"><span class="button-text"><span>Жалобы Chandler</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/540/" class="button"><span class="button-text"><span>Жалобы Brainburg</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/682/" class="button"><span class="button-text"><span>Жалобы Saint Rose</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/categories/2133/" class="button"><span class="button-text"><span>Жалобы Mesa</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/838/" class="button"><span class="button-text"><span>Жалобы Red-Rock</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/955/" class="button"><span class="button-text"><span>Жалобы Yuma</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/1054/" class="button"><span class="button-text"><span>Жалобы Surprise</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/1133/" class="button"><span class="button-text"><span>Жалобы Prescott</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/1233/" class="button"><span class="button-text"><span>Жалобы Glendale</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/1291/" class="button"><span class="button-text"><span>Жалобы Kingman</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/1398/" class="button"><span class="button-text"><span>Жалобы Winslow</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/1470/" class="button"><span class="button-text"><span>Жалобы Payson</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/1586/" class="button"><span class="button-text"><span>Жалобы Gilbert</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/categories/1688/" class="button"><span class="button-text"><span>Жалобы Show-Low</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/categories/1780/" class="button"><span class="button-text"><span>Жалобы Casa-Grande</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/categories/1910/" class="button"><span class="button-text"><span>Жалобы Page</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/categories/2275/" class="button"><span class="button-text"><span>Жалобы Sun-City</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/2136/" class="button"><span class="button-text"><span>Жалобы Queen-Creek</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/2300/" class="button"><span class="button-text"><span>Жалобы Sedona</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/2469/" class="button"><span class="button-text"><span>Жалобы Holiday</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/2567/" class="button"><span class="button-text"><span>Жалобы Wednesday</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/2764/" class="button"><span class="button-text"><span>Жалобы Yava</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/2914/" class="button"><span class="button-text"><span>Жалобы Faraway</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/3013/" class="button"><span class="button-text"><span>Жалобы Bumble Bee</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/3094/" class="button"><span class="button-text"><span>Жалобы Christmas</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/3207/" class="button"><span class="button-text"><span>Жалобы Mirage</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/3290/" class="button"><span class="button-text"><span>Жалобы Love</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/3630/" class="button"><span class="button-text"><span>Жалобы Drake</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/forums/2066/" class="button"><span class="button-text"><span>Жалобы Arizona Mobile 1</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/categories/2209/" class="button"><span class="button-text"><span>Жалобы Arizona Mobile 2</span></span></a></li>
<li><a href="https://forum.arizona-rp.com/categories/2383/" class="button"><span class="button-text"><span>Жалобы Arizona Mobile 3</span></span></a></li>
</ol>