Новая панель быстрого доступа Ыризона РП.

Gigant · Четверг в 16:51

Приветик. Не знаю искали-ли уже эту новую панель или нет, ну вот короче.
Это для тех кто не понимает куда в виджитах 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>

DrunkDoomer · Четверг в 16:57

Ночами не спал, искал. Спасибо!

OFFTOP

На что вы столько жалоб кидаете там в своих манямирках?

dimka1510 · Четверг в 19:34

Gigant, куда вставлять этот бездумно скопированный говнокод и что он даёт?
Обычно таком подходе принято чтобы блок

HTML:

<style>
Код стилей
</style>

располагается над всеми блоками <div>.
Также не мешало бы удалить все упоминания оригинального форума и/или заменить их тестом типа "yourdomain".

А вообще, в движке принято кастомные стили добавлять хотя бы в extra.less. Либо отдельным шаблоном и интеграцией его через
{{ include('yourtemplate.less') }} в том же extra.less или в нужном шаблоне или виджете через

HTML:

<xf:css src="yourtemplate.less" />

Где yourtemplate - созданный шаблон со стилями.

Gigant · Пятница в 00:45

OFFTOP

dimka1510 написал(а):
Gigant, куда вставлять этот бездумно скопированный говнокод и что он даёт?
Обычно таком подходе принято чтобы блок

HTML:

<style> Код стилей </style>

располагается над всеми блоками <div>.
Также не мешало бы удалить все упоминания оригинального форума и/или заменить их тестом типа "yourdomain".

А вообще, в движке принято кастомные стили добавлять хотя бы в extra.less. Либо отдельным шаблоном и интеграцией его через
{{ include('yourtemplate.less') }} в том же extra.less или в нужном шаблоне или виджете через

HTML:

<xf:css src="yourtemplate.less" />

Где yourtemplate - созданный шаблон со стилями.

Вот для чего ты высираешь это? Что бы меня позлить? Наныть что я просто слил или что? Я просил тебя ошибки или не дочеты тут писать или что? Я просто слил для тех, кто свои бонусники никому не нужные делал. Если тебе хочется узнать почему я ссылки не заменил, отвечу, что-бы скрол работал! Всё?

Matew · Пятница в 01:03

Gigant написал(а):
Вот для чего ты высираешь это? Что бы меня позлить? Наныть что я просто слил или что? Я просил тебя ошибки или не дочеты тут писать или что?

Тогда вы ошиблись форумом. Если публикуете гайд, будьте добры его приводить к нормальному виду и нормально воспринимать критику

Новая панель быстрого доступа Ыризона РП.

Gigant

DrunkDoomer

dimka1510

Gigant

Matew

Похожие темы

Мы ценим вашу конфиденциальность