Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Закрыто У каго есть HTML код

Статус
В этой теме нельзя размещать новые ответы.
Фев
39
3
Пользователь
Мне нужен HTML код не на магазин форума крмп онлайн а на
Меню как у их светится и на Иерхирерию должностей
есть HTML код на
Магазин как у крмп онлайн и на их Иерхирерию должностей как на картинке
Screenshot_2026-03-09-10-34-30-868_com.miui.gallery.jpg
 
Последнее редактирование:
Июн
2,603
1,840
Редактор
never stress
Дек
476
270
Активный
панель управления - форум - узлы - добавить узел - страница. настраиваешь все как надо и в поле HTML-код шаблона пишешь:

html:
<div class="p-body-main  ">
<div class="p-body-content is-active">   
<div class="p-body-pageContent">
<div class="block">
<div class="block-container">
<div class="block-body block-row">
<style>
.staff-hierarchy {
  list-style: none;
  padding: 0;
  margin: 40px auto;
  max-width: 500px;
  font-family: 'Segoe UI', Arial, sans-serif;
  text-align: left;
}

.staff-hierarchy li {
  margin: 16px 0;
  padding: 14px 22px;
  border-radius: 8px;
  position: relative;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.staff-hierarchy li:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.7);
}

.staff-hierarchy li::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 40px;
  background: linear-gradient(to bottom, #666, transparent);
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  opacity: 0.3;
}

.staff-hierarchy li:last-child::after {
  display: none;
}

.jr-moderator {
  color: #77DDFF;
  font-weight: bold;
  text-shadow: #77DDFF 1px 1px 10px;
}

.moderator {
  color: #cfcf02;
  font-weight: bold;
  text-shadow: #cfcf02 1px 1px 10px;
}

.faction-watcher {
  color: #3333ff;
  text-shadow: #33f 1px 1px 10px;
  font-weight: bold;
}

.deputy-head-watcher {
  color: #0066FF;
  font-weight: bold;
  text-shadow: #0066FF 1px 1px 10px;
}

  .founder {
  color: yellow;
  font-weight: bold;
  text-shadow: orange 1px 1px 10px;
}
    
.head-watcher {
  color: #55AA00;
  font-weight: bold;
  text-shadow: #55AA00 1px 1px 10px;
}

.curator {
  color: #0ef;
  font-weight: bold;
  text-shadow: #c0f 1px 1px 10px;
}

.deputy-ga {
  color: #339900;
  font-weight: bold;
  text-shadow: 1px 1px 10px #339900;
}

.ga {
  color: #0fbd4f;
  font-weight: bold;
  text-shadow: #15e87b 1px 1px 10px;
}

.special-admin {
  color: red;
  font-weight: bold;
  text-shadow: red 1px 1px 10px;
}

.deputy-head {
  color: #ff4040;
  font-weight: bold;
  text-shadow: #ff4040 1px 1px 10px;
}

.project-head {
  color: red;
  font-weight: bold;
  text-shadow: red 1px 1px 10px;
}

.deputy-founder {
  color: #FFD700;
  font-weight: bold;
  text-shadow: orange 1px 1px 10px;
}

</style>

<ul class="staff-hierarchy">
  <li><span class="jr-moderator">Младший модератор</span></li>
  <li><span class="moderator">Модератор (A-12)</span></li>
  <li><span class="faction-watcher">Следящий за фракцией</span></li>
  <li><span class="deputy-head-watcher">Заместитель главного следящего</span></li>
  <li><span class="head-watcher">Главный следящий [5+]</span></li>
  <li><span class="curator">Куратор</span></li>
  <li><span class="deputy-ga">Заместитель главного администратора</span></li>
  <li><span class="ga">Главный администратор</span></li>
  <li><span class="special-admin">Специальный администратор</span></li>
  <li><span class="deputy-head">Заместитель руководителя</span></li>
  <li><span class="project-head">Руководитель проекта</span></li>
  <li><span class="deputy-founder">Заместитель основателя</span></li>
  <li><span class="founder">Основатель</span></li>
</ul>
</div>
</div>
</div>
 
never stress
Дек
476
270
Активный
панель управления - форум - узлы - добавить узел - страница. настраиваешь все как надо и в поле HTML-код шаблона пишешь:

html:
<div class="p-body-main  ">
<div class="p-body-content is-active">  
<div class="p-body-pageContent">
<div class="block">
<div class="block-container">
<div class="block-body block-row">
<style>
.staff-hierarchy {
  list-style: none;
  padding: 0;
  margin: 40px auto;
  max-width: 500px;
  font-family: 'Segoe UI', Arial, sans-serif;
  text-align: left;
}

.staff-hierarchy li {
  margin: 16px 0;
  padding: 14px 22px;
  border-radius: 8px;
  position: relative;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.staff-hierarchy li:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.7);
}

.staff-hierarchy li::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 40px;
  background: linear-gradient(to bottom, #666, transparent);
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  opacity: 0.3;
}

.staff-hierarchy li:last-child::after {
  display: none;
}

.jr-moderator {
  color: #77DDFF;
  font-weight: bold;
  text-shadow: #77DDFF 1px 1px 10px;
}

.moderator {
  color: #cfcf02;
  font-weight: bold;
  text-shadow: #cfcf02 1px 1px 10px;
}

.faction-watcher {
  color: #3333ff;
  text-shadow: #33f 1px 1px 10px;
  font-weight: bold;
}

.deputy-head-watcher {
  color: #0066FF;
  font-weight: bold;
  text-shadow: #0066FF 1px 1px 10px;
}

  .founder {
  color: yellow;
  font-weight: bold;
  text-shadow: orange 1px 1px 10px;
}
   
.head-watcher {
  color: #55AA00;
  font-weight: bold;
  text-shadow: #55AA00 1px 1px 10px;
}

.curator {
  color: #0ef;
  font-weight: bold;
  text-shadow: #c0f 1px 1px 10px;
}

.deputy-ga {
  color: #339900;
  font-weight: bold;
  text-shadow: 1px 1px 10px #339900;
}

.ga {
  color: #0fbd4f;
  font-weight: bold;
  text-shadow: #15e87b 1px 1px 10px;
}

.special-admin {
  color: red;
  font-weight: bold;
  text-shadow: red 1px 1px 10px;
}

.deputy-head {
  color: #ff4040;
  font-weight: bold;
  text-shadow: #ff4040 1px 1px 10px;
}

.project-head {
  color: red;
  font-weight: bold;
  text-shadow: red 1px 1px 10px;
}

.deputy-founder {
  color: #FFD700;
  font-weight: bold;
  text-shadow: orange 1px 1px 10px;
}

</style>

<ul class="staff-hierarchy">
  <li><span class="jr-moderator">Младший модератор</span></li>
  <li><span class="moderator">Модератор (A-12)</span></li>
  <li><span class="faction-watcher">Следящий за фракцией</span></li>
  <li><span class="deputy-head-watcher">Заместитель главного следящего</span></li>
  <li><span class="head-watcher">Главный следящий [5+]</span></li>
  <li><span class="curator">Куратор</span></li>
  <li><span class="deputy-ga">Заместитель главного администратора</span></li>
  <li><span class="ga">Главный администратор</span></li>
  <li><span class="special-admin">Специальный администратор</span></li>
  <li><span class="deputy-head">Заместитель руководителя</span></li>
  <li><span class="project-head">Руководитель проекта</span></li>
  <li><span class="deputy-founder">Заместитель основателя</span></li>
  <li><span class="founder">Основатель</span></li>
</ul>
</div>
</div>
</div>


НАВЕРХУ ЭТОГО СООБЩЕНИЯ ПОСМОТРИ , ЧТО НАПИСАНО
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху