пиар

Страница: 1

Сообщений 1 страница 13 из 13

Поделиться12026-08-30 20:31:04

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

Поделиться2Вчера 05:21:39

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="common-html">
  <!-- Название блока: вписывается вручную -->
  <div class="common-html__title">наименование темы</div>
  <div class="common-html__scroll"><p>Здесь размещается основной текст. </p><br>
<!-- Независимую цитату можно ставить в любое место и повторять. -->
<div class="common-quote">Текст цитаты.</div>
<br><p>Его можно делить на любое количество абзацев.</p>
<!-- Этот заголовок можно поставить в любом месте текста и повторять -->
<br><div class="common-html__heading">заголовок</div>
<br><p>Продолжение текста после заголовка. Когда содержимое станет выше 422 пикселей, внутри блока появится вертикальная прокрутка вниз.</p>
<!-- Спойлер можно переносить в любое место текста и повторять. -->
<!-- Удалите атрибут open, если он должен быть закрыт при загрузке. -->
<div class="common-spoiler"><input class="common-spoiler__toggle" id="spoiler-1" type="checkbox" checked><label class="common-spoiler__title" for="spoiler-1">название спойлера</label><div class="common-spoiler__content">Текст внутри спойлера.</div></div>
<br><p>Продолжение текста после заголовка. Когда содержимое станет выше 422 пикселей, внутри блока появится вертикальная прокрутка вниз.</p>
    </details>


  </div>
</div>

Поделиться3Вчера 06:32:58

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="common-html common-tabs" data-common-tabs>
  <!-- Название блока: вписывается вручную -->
  <div class="common-html__title">наименование темы</div>

  <div class="common-tabs__area">
    <!-- Вкладок может быть сколько угодно: строка прокручивается вправо. -->
    <div class="common-tabs__nav" data-common-tabstrip role="tablist">
      <button class="common-tabs__tab is-active" type="button" data-common-tab="year-1" role="tab" aria-selected="true">год</button>
      <button class="common-tabs__tab" type="button" data-common-tab="year-2" role="tab" aria-selected="false">год</button>
      <button class="common-tabs__tab" type="button" data-common-tab="year-3" role="tab" aria-selected="false">год</button>
      <button class="common-tabs__tab" type="button" data-common-tab="year-4" role="tab" aria-selected="false">год</button>
      <button class="common-tabs__tab" type="button" data-common-tab="year-5" role="tab" aria-selected="false">год</button>
      <button class="common-tabs__tab" type="button" data-common-tab="year-6" role="tab" aria-selected="false">год</button>
      <button class="common-tabs__tab" type="button" data-common-tab="year-7" role="tab" aria-selected="false">год</button>
      <button class="common-tabs__tab" type="button" data-common-tab="year-8" role="tab" aria-selected="false">год</button>
    </div>

    <!-- Значение data-common-panel должно совпадать с data-common-tab нужной кнопки. -->
    <div class="common-tabs__panels">
      <div class="common-tabs__panel is-active" data-common-panel="year-1" role="tabpanel">
        Текст первой вкладки.
      </div>

      <div class="common-tabs__panel" data-common-panel="year-2" role="tabpanel">
        Текст второй вкладки.
      </div>

      <div class="common-tabs__panel" data-common-panel="year-3" role="tabpanel">
        Текст третьей вкладки.
      </div>

      <div class="common-tabs__panel" data-common-panel="year-4" role="tabpanel">
        Текст четвёртой вкладки.
      </div>

      <div class="common-tabs__panel" data-common-panel="year-5" role="tabpanel">
        Текст пятой вкладки.
      </div>

      <div class="common-tabs__panel" data-common-panel="year-6" role="tabpanel">
        Текст шестой вкладки.
      </div>

      <div class="common-tabs__panel" data-common-panel="year-7" role="tabpanel">
        Текст седьмой вкладки.
      </div>

      <div class="common-tabs__panel" data-common-panel="year-8" role="tabpanel">
        Текст восьмой вкладки.
      </div>
    </div>
  </div>
</div>

Поделиться4Вчера 06:46:09

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="side-tabs-html" data-common-tabs>
  <!-- Название блока: вписывается вручную -->
  <div class="side-tabs-html__title">наименование темы</div>

  <!-- Названия вкладок можно менять. Вкладок может быть больше или меньше. -->
  <div class="side-tabs-html__nav" role="tablist">
    <button class="side-tabs-html__tab is-active" type="button" data-common-tab="side-1" role="tab" aria-selected="true">вкладка</button>
    <button class="side-tabs-html__tab" type="button" data-common-tab="side-2" role="tab" aria-selected="false">вкладка</button>
    <button class="side-tabs-html__tab" type="button" data-common-tab="side-3" role="tab" aria-selected="false">вкладка</button>
    <button class="side-tabs-html__tab" type="button" data-common-tab="side-4" role="tab" aria-selected="false">вкладка</button>
    <button class="side-tabs-html__tab" type="button" data-common-tab="side-5" role="tab" aria-selected="false">вкладка</button>
    <button class="side-tabs-html__tab" type="button" data-common-tab="side-6" role="tab" aria-selected="false">вкладка</button>
    <button class="side-tabs-html__tab" type="button" data-common-tab="side-7" role="tab" aria-selected="false">вкладка</button>
    <button class="side-tabs-html__tab" type="button" data-common-tab="side-8" role="tab" aria-selected="false">вкладка</button>
  </div>

  <!-- Значение data-common-panel должно совпадать с data-common-tab нужной кнопки. -->
  <div class="side-tabs-html__panels">
    <div class="side-tabs-html__panel is-active" data-common-panel="side-1" role="tabpanel">
      Текст первой вкладки.
    </div>

    <div class="side-tabs-html__panel" data-common-panel="side-2" role="tabpanel">
      Текст второй вкладки.
    </div>

    <div class="side-tabs-html__panel" data-common-panel="side-3" role="tabpanel">
      Текст третьей вкладки.
    </div>

    <div class="side-tabs-html__panel" data-common-panel="side-4" role="tabpanel">
      Текст четвёртой вкладки.
    </div>

    <div class="side-tabs-html__panel" data-common-panel="side-5" role="tabpanel">
      Текст пятой вкладки.
    </div>

    <div class="side-tabs-html__panel" data-common-panel="side-6" role="tabpanel">
      Текст шестой вкладки.
    </div>

    <div class="side-tabs-html__panel" data-common-panel="side-7" role="tabpanel">
      Текст седьмой вкладки.
    </div>

    <div class="side-tabs-html__panel" data-common-panel="side-8" role="tabpanel">
      Текст восьмой вкладки.
    </div>
  </div>
</div>

Поделиться5Вчера 07:14:39

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="double-tabs-html" data-common-tabs>
  <!-- Название блока: вписывается вручную -->
  <div class="double-tabs-html__title">наименование темы</div>

  <!-- Левая колонка вкладок -->
  <div class="double-tabs-html__nav double-tabs-html__nav--left" role="tablist">
    <button class="double-tabs-html__tab is-active" type="button" data-common-tab="double-1" role="tab" aria-selected="true">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-2" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-3" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-4" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-5" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-6" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-7" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-8" role="tab" aria-selected="false">вкладка</button>
  </div>

  <!-- Правая колонка вкладок -->
  <div class="double-tabs-html__nav double-tabs-html__nav--right" role="tablist">
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-9" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-10" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-11" role="tab" aria-selected="false">вкладка</button>
    <button class="double-tabs-html__tab" type="button" data-common-tab="double-12" role="tab" aria-selected="false">вкладка</button>
  </div>

  <!-- Значение data-common-panel должно совпадать с data-common-tab нужной кнопки. -->
  <div class="double-tabs-html__panels">
    <div class="double-tabs-html__panel is-active" data-common-panel="double-1" role="tabpanel">Текст первой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-2" role="tabpanel">Текст второй вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-3" role="tabpanel">Текст третьей вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-4" role="tabpanel">Текст четвёртой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-5" role="tabpanel">Текст пятой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-6" role="tabpanel">Текст шестой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-7" role="tabpanel">Текст седьмой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-8" role="tabpanel">Текст восьмой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-9" role="tabpanel">Текст девятой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-10" role="tabpanel">Текст десятой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-11" role="tabpanel">Текст одиннадцатой вкладки.</div>
    <div class="double-tabs-html__panel" data-common-panel="double-12" role="tabpanel">Текст двенадцатой вкладки.</div>
  </div>
</div>

Поделиться6Вчера 07:27:24

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="extended-tabs-html" data-common-tabs>
  <!-- Название блока: вписывается вручную -->
  <div class="extended-tabs-html__title">наименование темы</div>

  <!-- Только эти боковые вкладки переключают основной текст справа. -->
  <div class="extended-tabs-html__nav" role="tablist">
    <button class="extended-tabs-html__tab is-active" type="button" data-common-tab="extended-1" role="tab" aria-selected="true">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-2" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-3" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-4" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-5" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-6" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-7" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-8" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-9" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-10" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-11" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-12" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-13" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-14" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-15" role="tab" aria-selected="false">вкладка</button>
    <button class="extended-tabs-html__tab" type="button" data-common-tab="extended-16" role="tab" aria-selected="false">вкладка</button>
  </div>

  <!-- Основной переключаемый текст с отдельной прокруткой вниз. -->
  <div class="extended-tabs-html__panels">
    <div class="extended-tabs-html__panel is-active" data-common-panel="extended-1" role="tabpanel">Текст первой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-2" role="tabpanel">Текст второй вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-3" role="tabpanel">Текст третьей вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-4" role="tabpanel">Текст четвёртой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-5" role="tabpanel">Текст пятой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-6" role="tabpanel">Текст шестой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-7" role="tabpanel">Текст седьмой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-8" role="tabpanel">Текст восьмой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-9" role="tabpanel">Текст девятой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-10" role="tabpanel">Текст десятой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-11" role="tabpanel">Текст одиннадцатой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-12" role="tabpanel">Текст двенадцатой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-13" role="tabpanel">Текст тринадцатой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-14" role="tabpanel">Текст четырнадцатой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-15" role="tabpanel">Текст пятнадцатой вкладки.</div>
    <div class="extended-tabs-html__panel" data-common-panel="extended-16" role="tabpanel">Текст шестнадцатой вкладки.</div>
  </div>

  <!-- Эти два окна постоянные: вкладки слева их не переключают. -->
  <div class="extended-tabs-html__fixed extended-tabs-html__fixed--left">
    <div class="extended-tabs-html__fixed-title">какое-то название</div>
    <div class="extended-tabs-html__fixed-scroll">
      Текст постоянного левого окна.
    </div>
  </div>

  <div class="extended-tabs-html__fixed extended-tabs-html__fixed--right">
    <div class="extended-tabs-html__fixed-title">какое-то название</div>
    <div class="extended-tabs-html__fixed-scroll">
      Текст постоянного правого окна.
    </div>
  </div>
</div>

Поделиться7Вчера 07:41:14

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="players-tabs-html" data-common-tabs>
  <!-- Название блока: вписывается вручную -->
  <div class="players-tabs-html__title">наименование темы</div>

  <!-- Вкладки переключают целиком список карточек справа. -->
  <div class="players-tabs-html__nav" role="tablist">
    <button class="players-tabs-html__tab is-active" type="button" data-common-tab="players-1" role="tab" aria-selected="true">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-2" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-3" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-4" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-5" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-6" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-7" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-8" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-9" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-10" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-11" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-12" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-13" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-14" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-15" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-16" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-17" role="tab" aria-selected="false">вкладка</button>
    <button class="players-tabs-html__tab" type="button" data-common-tab="players-18" role="tab" aria-selected="false">вкладка</button>
  </div>

  <!-- Внутри каждой панели карточку article можно копировать любое число раз. -->
  <div class="players-tabs-html__panels">
    <div class="players-tabs-html__panel is-active" data-common-panel="players-1" role="tabpanel">
      <div class="players-tabs-html__list">
        <article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Имя игрока:</strong> короткое описание персонажа и его роли.</p><p><strong>Дополнительно:</strong> здесь можно разместить связи, пожелания или другую информацию.</p></div></article>
        <article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Имя игрока:</strong> короткое описание персонажа и его роли.</p><p><strong>Дополнительно:</strong> здесь можно разместить связи, пожелания или другую информацию.</p></div></article>
        <article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Имя игрока:</strong> короткое описание персонажа и его роли.</p><p><strong>Дополнительно:</strong> здесь можно разместить связи, пожелания или другую информацию.</p></div></article>
        <article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Имя игрока:</strong> короткое описание персонажа и его роли.</p><p><strong>Дополнительно:</strong> здесь можно разместить связи, пожелания или другую информацию.</p></div></article>
      </div>
    </div>

    <div class="players-tabs-html__panel" data-common-panel="players-2" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Вторая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-3" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Третья вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-4" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Четвёртая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-5" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Пятая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-6" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Шестая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-7" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Седьмая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-8" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Восьмая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-9" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Девятая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-10" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Десятая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-11" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Одиннадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-12" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Двенадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-13" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Тринадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-14" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Четырнадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-15" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Пятнадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-16" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Шестнадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-17" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Семнадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
    <div class="players-tabs-html__panel" data-common-panel="players-18" role="tabpanel"><div class="players-tabs-html__list"><article class="players-tabs-html__card"><div class="players-tabs-html__avatar"><img src="https://forumstatic.ru/files/001b/dd/35/83740.png" alt="аватар игрока"></div><div class="players-tabs-html__copy"><p><strong>Восемнадцатая вкладка:</strong> описание игрока.</p></div></article></div></div>
  </div>
</div>

Поделиться8Вчера 08:00:57

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="guest-html">
  <!-- Все надписи и тексты в этом блоке можно менять вручную. -->
  <div class="guest-html__title">Welcome to Lily Dale!</div>

  <section class="guest-html__bookings">
    <h2 class="guest-html__bookings-title">ВНЕШНОСТИ &amp; РОЛИ</h2>

    <section class="guest-html__booking-group">
      <h3 class="guest-html__booking-heading">ВНЕШНОСТИ</h3>
      <div class="guest-html__booking-scroll">
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [бессрочно]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [бессрочно]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [бессрочно]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [до 18.09]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [до 18.09]</p>
      </div>
    </section>

    <section class="guest-html__booking-group guest-html__booking-group--roles">
      <h3 class="guest-html__booking-heading">РОЛИ</h3>
      <div class="guest-html__booking-scroll">
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [бессрочно]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [бессрочно]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [бессрочно]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [до 18.09]</p>
        <p><strong>Name Surname</strong> — за <b>Name Surname</b> [до 18.09]</p>
      </div>
    </section>
  </section>

  <div class="guest-html__about">
    Добро пожаловать в Лили-Дейл, штат Нью-Йорк — крупнейший спиритуалистический центр США. Население: 2000 постоянных жителей и примерно втрое больше непостоянных. Мёртвых, бессмертных и тех, кто ещё не определился. Внешне — открыточный викторианский городок с кружевной резьбой, утопающий в зелени и цветах. Узкие мощёные улочки, где нет ни одного фонаря — только мягкий свет из окон. Воздух пахнет озерной водой, соснами и... чем-то, от чего волоски на руках встают дыбом. Для обычных туристов это уникальная возможность посетить сеанс медиума, почитать ауру или получить предсказание. Но для тех, кто знает — это единственное место на континенте, где можно расслабиться и не бояться, что твои крылья или клыки вызовут панику.
  </div>

  <div class="guest-html__admins">
    <span class="guest-html__admins-title">AMS:</span>
    <a href="ССЫЛКА_НА_ПРОФИЛЬ_1" title="Имя администратора"><img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Имя администратора"></a>
    <a href="ССЫЛКА_НА_ПРОФИЛЬ_2" title="Имя администратора"><img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Имя администратора"></a>
    <a href="ССЫЛКА_НА_ПРОФИЛЬ_3" title="Имя администратора"><img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Имя администратора"></a>
  </div>

  <div class="guest-html__facts">
    <b>Время действия:</b> 2026 год<br>
    <b>Место действия:</b> Лили-Дейл и его окрестности (Буффало, Джеймстаун, Питтсбург — и дальше, если хватит смелости).<br>
    <b>Жанр:</b> городское фэнтези, мистика, «повседневность с клыками».<br>
    <b>Мастеринг:</b> смешанный; <b>Система:</b> эпизодическая.<br>
    <b>Внешности:</b> реальные; <b>Рейтинг:</b> 18+.
  </div>

  <div class="guest-html__now">
    <h3>ЧТО ВЫ МОЖЕТЕ СДЕЛАТЬ ПРЯМО СЕЙЧАС:</h3>
    <div class="guest-html__now-scroll">
      — Забронировать внешность на неделю (с возможностью продления).<br>
      — Изучить список акций и нужных для игры.<br>
      — Рассказать о себе и своих желаниях, если не определились.<br>
      — Задать вопрос администрации — мы не кусаемся. Ну, или кусаемся, но строго в рамках Кодекса.
    </div>
  </div>

  <nav class="guest-html__links guest-html__links--left">
    <a href="ССЫЛКА_НА_НОВОСТИ">новости</a>
    <a href="ССЫЛКА_НА_НУЖНЫХ">нужные</a>
    <a href="ССЫЛКА_НА_СЮЖЕТ">сюжет</a>
  </nav>

  <nav class="guest-html__links guest-html__links--right">
    <a href="ССЫЛКА_НА_FAQ">f.a.q</a>
    <a href="ССЫЛКА_НА_РАСЫ">расы</a>
    <a href="ССЫЛКА_НА_СПРАВОЧНИК">справочник</a>
  </nav>
</div>

Поделиться9Вчера 08:34:40

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="plot-tabs-html" data-common-tabs>
  <!-- Название темы меняется вручную. -->
  <div class="plot-tabs-html__title">наименование темы</div>

  <!-- Верхние кнопки переключают тексты с совпадающими data-common-panel. -->
  <div class="plot-tabs-html__nav" role="tablist">
    <button class="plot-tabs-html__tab is-active" type="button" data-common-tab="plot-year-1" role="tab" aria-selected="true">год</button>
    <button class="plot-tabs-html__tab" type="button" data-common-tab="plot-year-2" role="tab" aria-selected="false">год</button>
  </div>

  <div class="plot-tabs-html__panels">
    <div class="plot-tabs-html__panel is-active" data-common-panel="plot-year-1" role="tabpanel">
      <p>Здесь размещается текст первой вкладки. Он может состоять из любого количества абзацев. Если содержимое окажется выше окна, справа автоматически появится вертикальная прокрутка.</p>
      <p>Название вкладки, заголовок и весь текст меняются вручную прямо в этом HTML.</p>
    </div>

    <div class="plot-tabs-html__panel" data-common-panel="plot-year-2" role="tabpanel">
      <p>Здесь размещается текст второй вкладки.</p>
      <p>Можно добавлять новые абзацы, ссылки, выделения и другое содержимое.</p>
    </div>
  </div>

  <!-- Статичная картинка справа: замените src на нужный адрес. -->
  <div class="plot-tabs-html__image">
    <img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Иллюстрация темы">
  </div>
</div>

Поделиться10Вчера 08:57:43

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="bottom-tabs-html" data-common-tabs>
  <!-- Название блока меняется вручную. -->
  <div class="bottom-tabs-html__title">наименование темы</div>

  <!-- Тексты верхнего окна. Значения data-common-panel связаны с кнопками ниже. -->
  <div class="bottom-tabs-html__panels">
    <div class="bottom-tabs-html__panel is-active" data-common-panel="bottom-topic-1" role="tabpanel">
      <p>Здесь размещается текст первой вкладки. Его можно разделить на любое количество абзацев. Когда текст станет выше окна, справа автоматически появится вертикальная прокрутка.</p>
      <p>Весь текст редактируется вручную прямо в HTML.</p>
    </div>

    <div class="bottom-tabs-html__panel" data-common-panel="bottom-topic-2" role="tabpanel">
      <p>Здесь размещается текст второй вкладки.</p>
      <p>Можно добавлять ссылки, выделения и другие элементы оформления.</p>
    </div>

    <div class="bottom-tabs-html__panel" data-common-panel="bottom-topic-3" role="tabpanel">
      <p>Здесь размещается текст третьей вкладки.</p>
      <p>Название каждой нижней кнопки также меняется вручную.</p>
    </div>
  </div>

  <!-- Нижние кнопки переключают верхние тексты. -->
  <div class="bottom-tabs-html__nav" role="tablist">
    <button class="bottom-tabs-html__tab is-active" type="button" data-common-tab="bottom-topic-1" role="tab" aria-selected="true">название темы</button>
    <button class="bottom-tabs-html__tab" type="button" data-common-tab="bottom-topic-2" role="tab" aria-selected="false">название темы</button>
    <button class="bottom-tabs-html__tab" type="button" data-common-tab="bottom-topic-3" role="tab" aria-selected="false">название темы</button>
  </div>
</div>

Поделиться11Вчера 09:07:32

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="registry-html">
  <!-- Верхняя плашка: обе строки можно заменить вручную. -->
  <div class="registry-html__label">
    ❖ ЛИЛИ-ДЕЙЛСКИЙ РЕЕСТР ❖<br>
    Официальная запись Наблюдателя Агаты Пруитт
  </div>

  <!-- Замените src на прямую ссылку на нужную картинку. -->
  <div class="registry-html__picture">
    <img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Внешность персонажа">
  </div>

  <!-- Подпись под картинкой меняется вручную. -->
  <div class="registry-html__face">имя актёра / модели внешности (англ)</div>

  <!-- Все строки нижней плашки меняются вручную. -->
  <div class="registry-html__identity">
    <div class="registry-html__name">ИМЯ, ФАМИЛИЯ (АНГЛ)</div>
    <div class="registry-html__true-name">(ИСТИННОЕ ИМЯ / ТИТУЛ)</div>
    <div class="registry-html__age">дата рождения • выглядит на ...</div>
  </div>
</div>

тут текст анкеты любой на ваш вкус и цвет

Поделиться12Вчера 09:20:24

Иконка:
Автор: chappi
Администратор
инфо:
имя фамилия, 00
ололо пыш пыш пыш
Сообщений: 125
Уважение: +42
Посты: 5
Фишки: 5
Плашка:
SUGAR, STARS, AND SECOND CHANCES

[hideprofile]

Код:

<!--HTML--><div class="news-edition-html">
  <!-- Аватар: замените src на прямую ссылку на нужное изображение. -->
  <div class="news-edition-html__avatar">
    <img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Ведущий выпуска">
  </div>

  <!-- Номер выпуска и дата набираются вручную. -->
  <div class="news-edition-html__issue">
    <div class="news-edition-html__number">News № 01</div>
    <div class="news-edition-html__date">от 12.12.12</div>
  </div>

  <!-- Имя меняется вручную; href ведёт на профиль. -->
  <div class="news-edition-html__host">❖ в эфире <a href="ССЫЛКА_НА_ПРОФИЛЬ">Name Surname</a> ❖</div>

  <div class="news-edition-html__links-title">важные ссылки:</div>
  <nav class="news-edition-html__links">
    <a href="ССЫЛКА_НА_ТЕМУ_1">ссылка</a>
    <a href="ССЫЛКА_НА_ТЕМУ_2">ссылка</a>
    <a href="ССЫЛКА_НА_ТЕМУ_3">ссылка</a>
  </nav>

  <!-- Основной текст прокручивается вниз. -->
  <div class="news-edition-html__text">
    <p>Здесь размещается основной текст выпуска. Его можно разделить на любое количество абзацев. Когда содержимое станет выше окна, справа автоматически появится вертикальная прокрутка.</p>
    <p>Все тексты, подписи ссылок и адреса меняются вручную прямо в этой HTML.</p>
  </div>
</div>

[hideprofile]

Код:

<!--HTML--><div class="best-players-html">
  <div class="best-players-html__title">The best players</div>

  <!-- Лучший постописец: href, title, src и alt меняются вручную. -->
  <div class="best-players-html__person best-players-html__person--writer">
    <a class="best-players-html__person-image" href="ССЫЛКА_НА_ПРОФИЛЬ_ПОСТОПИСЦА" title="Имя постописца">
      <img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Имя постописца">
    </a>
    <span class="best-players-html__label">the best writer</span>
  </div>

  <!-- Лучший активист: href, title, src и alt меняются вручную. -->
  <div class="best-players-html__person best-players-html__person--active">
    <a class="best-players-html__person-image" href="ССЫЛКА_НА_ПРОФИЛЬ_АКТИВИСТА" title="Имя активиста">
      <img src="https://forumstatic.ru/files/001b/dd/35/11459.jpg" alt="Имя активиста">
    </a>
    <span class="best-players-html__label">the best active</span>
  </div>

  <section class="best-players-html__post">
    <span class="best-players-html__label best-players-html__post-label">the best post</span>

    <!-- Имя автора — ссылка на профиль. -->
    <a class="best-players-html__author" href="ССЫЛКА_НА_ПРОФИЛЬ_АВТОРА">name</a>

    <!-- Текст прокручивается вниз. -->
    <div class="best-players-html__post-text">
      <p>Здесь размещается лучший пост. Текст можно разбить на любое количество абзацев. Если он станет выше окна, справа автоматически появится вертикальная прокрутка.</p>
      <p>Имя автора, ссылка на профиль и весь текст меняются вручную.</p>
    </div>

    <a class="best-players-html__read" href="ССЫЛКА_НА_ПОСТ">читать далее</a>
  </section>

  <!-- Лучший эпизод: название и ссылка меняются вручную. -->
  <a class="best-players-html__episode" href="ССЫЛКА_НА_ЭПИЗОД">
    <span class="best-players-html__episode-name">episode name</span>
    <span class="best-players-html__label">the best episode</span>
  </a>
</div>