Ответы на вопросы игроков

---

В данной теме можно задать вопросы и получить на них ответы.
Наиболее актуальные вопросы и ответы будут вынесены в первое сообщение данной темы:
• Форма для заполнения Хронологии

шаблон заполнения хронологии

Пример оформления Хронологии.
Автор: © Шиповник
Кому нужно - пользуйтесь.

Внешний вид

---

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet"><style>
.ship20 {
--bgsw: 800px;  /*  максимальная ширина блока */
--bgs1: transparent;  /* фон общий*/
--sct1: #000000;  /*  цвет общего текста  */
--sct1a: #000000;   /* цвет ccылок */
--szt: 1em;  /*  размер шрифта  */

--pad2: 24px;  /* отступ между эпизодами */
--pad1: 18px;  /* отступ текста слева */

--pwt: 46px;  /* ширина левого блока */
--bgs2: #363430; /* цвет границы*/

--bgs3: #7c705c; /* цвет ленты */
--sct3: #d6d6d6;  /* текст ленты */

--sct2: #767676;  /* цвет даты и участников */

--bgsa: #7a705e;  /*  активный эпизод  */
--bgsz: #363430;  /*  завершенный эпизод  */
--bgsnz: #b2ab9a; /*  незавершенный эпизод  */
}

.ship20 * {box-sizing: border-box; line-height: 140% !important;}
.ship20 {margin: auto 40px auto 0px; max-width: var(--bgsw); background: var(--bgs1); color: var(--sct1); font-size: var(--szt);}
.ship20 a {color: var(--sct1a) !important;}
.ship20 a:hover {filter: brightness(1.2);}
.ship20 p {margin: 0px auto 0px calc(var(--pad1) + var(--pwt)) !important; padding: 0 var(--pad2) var(--pad2) 0 !important; position: relative; text-align: justify;}
.ship20 p:before {content:' '; display: block; position: absolute; margin-left: calc(0px - var(--pad1) - var(--pwt)); height: 100%; width: var(--pwt); border-right: 1px solid var(--bgs2); }
/**  эпизод  **/
.ship20 p > a:first-child {display: block; padding: 4px 0 4px 0; font-size: 14px; font-weight: 400; font-style: italic; font-family: Georgia, Times New Roman, serif;}
/**  маркеры  shipovnik **/
.ship20 p > a.ep_a:before, .ship20 p > a.ep_z:before, .ship20 p > a.ep_nz:before {content: ''; display:block; position:absolute; transform: translate(-50%, 50%); width: 12px; height: 12px; margin-left: calc(0px - var(--pad1) - var(--pwt) / 2); border-radius: 50%;}
.ship20 p > a.ep_a:before {background: var(--bgsa);}
.ship20 p > a.ep_z:before {background: var(--bgsz);}
.ship20 p > a.ep_nz:before {background: var(--bgsnz);}
/**  дата и участники  **/
.ship20 em {display: block; padding: 0 0 6px 0; font-style: normal !important; color: var(--sct2); font-size: 11px; font-family: Tahoma, sans-serif;}
/**  год или эпоха  **/
.ship20 ht0 {display:block; position:relative; padding: 7px 30px; margin: 0px auto; color: var(--sct3); background: var(--bgs3); font-size: 15px; text-transform: uppercase; font-family: 'Oranienbaum', Tahoma, serif;}
.ship20 ht0:after {content:''; display: block; position: absolute; top: 0px; right: -29px; width: 30px; height: 100%; clip-path: polygon(0% 0%, 75% 0%, 30% 50%, 75% 100%, 0% 100%); background: var(--bgs3);}
.ship20 ht0 + p > a:first-child {padding-top: var(--pad2);}</style>
<div class="ship20">

<!--- START --->

<!-----  ГОД ИЛИ ЭПОХА  ----->
<ht0>Хронология персонажа</ht0>

<p><a class="ep_a" href="ссылка на эпизод">Название эпизода</a>
  <em> Дата  // Регион • Город //  <a href="ссылка на профиль Участника 1">Участник 1</a> • <a href="ссылка на профиль участника 2">Участник 2</a></em>
Описание сюжета эпизода.
  </p>

<p><a class="ep_z" href="ссылка на эпизод">Название эпизода</a>
<em>Дата // Регион • Местность //   <a href="ссылка на участника 1">Участник 1</a> • <a href="ссылка на участника 2">частник 2</a> • <a href="Ссылка на участника 3">Участник 3</a></em>
Описание сюжета эпизода.
</p>

<!-----  ГОД ИЛИ ЭПОХА  ----->
<ht0>Альтернатива</ht0>

<p><a class="ep_z" href="ссылка на эпизод">Название эпизода</a>
<em>Дата // Регион • Местность //   <a href="ссылка на участника 1">Участник 1</a> • <a href="ссылка на участника 2">частник 2</a> • <a href="Ссылка на участника 3">Участник 3</a></em>
Описание сюжета эпизода.
</p>

<!-----  ГОД ИЛИ ЭПОХА  ----->
<ht0>Хронология NPC</ht0>

<p><a class="ep_a" href="ссылка на эпизод">Название эпизода</a>
  <em> Дата  // Регион • Город //  <a href="ссылка на профиль Участника 1">Участник 1</a> • <a href="ссылка на профиль участника 2">Участник 2</a></em>
Описание сюжета эпизода.
  </p>
<!--- END ---></div>[/html]

Код для вставки

---

Код:

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet"><style>
.ship20 {
--bgsw: 800px;  /*  максимальная ширина блока */
--bgs1: transparent;  /* фон общий*/
--sct1: #000000;  /*  цвет общего текста  */
--sct1a: #000000;   /* цвет ccылок */
--szt: 1em;  /*  размер шрифта  */

--pad2: 24px;  /* отступ между эпизодами */
--pad1: 18px;  /* отступ текста слева */

--pwt: 46px;  /* ширина левого блока */
--bgs2: #363430; /* цвет границы*/

--bgs3: #7c705c; /* цвет ленты */
--sct3: #d6d6d6;  /* текст ленты */

--sct2: #767676;  /* цвет даты и участников */

--bgsa: #7a705e;  /*  активный эпизод  */
--bgsz: #363430;  /*  завершенный эпизод  */
--bgsnz: #b2ab9a; /*  незавершенный эпизод  */
}

.ship20 * {box-sizing: border-box; line-height: 140% !important;}
.ship20 {margin: auto 40px auto 0px; max-width: var(--bgsw); background: var(--bgs1); color: var(--sct1); font-size: var(--szt);}
.ship20 a {color: var(--sct1a) !important;}
.ship20 a:hover {filter: brightness(1.2);}
.ship20 p {margin: 0px auto 0px calc(var(--pad1) + var(--pwt)) !important; padding: 0 var(--pad2) var(--pad2) 0 !important; position: relative; text-align: justify;}
.ship20 p:before {content:' '; display: block; position: absolute; margin-left: calc(0px - var(--pad1) - var(--pwt)); height: 100%; width: var(--pwt); border-right: 1px solid var(--bgs2); }
/**  эпизод  **/
.ship20 p > a:first-child {display: block; padding: 4px 0 4px 0; font-size: 14px; font-weight: 400; font-style: italic; font-family: Georgia, Times New Roman, serif;}
/**  маркеры  shipovnik **/
.ship20 p > a.ep_a:before, .ship20 p > a.ep_z:before, .ship20 p > a.ep_nz:before {content: ''; display:block; position:absolute; transform: translate(-50%, 50%); width: 12px; height: 12px; margin-left: calc(0px - var(--pad1) - var(--pwt) / 2); border-radius: 50%;}
.ship20 p > a.ep_a:before {background: var(--bgsa);}
.ship20 p > a.ep_z:before {background: var(--bgsz);}
.ship20 p > a.ep_nz:before {background: var(--bgsnz);}
/**  дата и участники  **/
.ship20 em {display: block; padding: 0 0 6px 0; font-style: normal !important; color: var(--sct2); font-size: 11px; font-family: Tahoma, sans-serif;}
/**  год или эпоха  **/
.ship20 ht0 {display:block; position:relative; padding: 7px 30px; margin: 0px auto; color: var(--sct3); background: var(--bgs3); font-size: 15px; text-transform: uppercase; font-family: 'Oranienbaum', Tahoma, serif;}
.ship20 ht0:after {content:''; display: block; position: absolute; top: 0px; right: -29px; width: 30px; height: 100%; clip-path: polygon(0% 0%, 75% 0%, 30% 50%, 75% 100%, 0% 100%); background: var(--bgs3);}
.ship20 ht0 + p > a:first-child {padding-top: var(--pad2);}</style>
<div class="ship20">

<!--- START --->

<!-----  ГОД ИЛИ ЭПОХА  ----->
<ht0>Хронология персонажа</ht0>


<p><a class="ep_a" href="ссылка на эпизод">Название эпизода</a>
  <em> Дата  // Регион • Город //  <a href="ссылка на профиль Участника 1">Участник 1</a> • <a href="ссылка на профиль участника 2">Участник 2</a></em>
Описание сюжета эпизода.
  </p>

<p><a class="ep_z" href="ссылка на эпизод">Название эпизода</a>
<em>Дата // Регион • Местность //   <a href="ссылка на участника 1">Участник 1</a> • <a href="ссылка на участника 2">частник 2</a> • <a href="Ссылка на участника 3">Участник 3</a></em>
Описание сюжета эпизода.
</p>


<!-----  ГОД ИЛИ ЭПОХА  ----->
<ht0>Альтернатива</ht0>

<p><a class="ep_z" href="ссылка на эпизод">Название эпизода</a>
<em>Дата // Регион • Местность //   <a href="ссылка на участника 1">Участник 1</a> • <a href="ссылка на участника 2">частник 2</a> • <a href="Ссылка на участника 3">Участник 3</a></em>
Описание сюжета эпизода.
</p>

<!-----  ГОД ИЛИ ЭПОХА  ----->
<ht0>Хронология NPC</ht0>

<p><a class="ep_a" href="ссылка на эпизод">Название эпизода</a>
  <em> Дата  // Регион • Город //  <a href="ссылка на профиль Участника 1">Участник 1</a> • <a href="ссылка на профиль участника 2">Участник 2</a></em>
Описание сюжета эпизода.
  </p>
<!--- END ---></div>[/html]

• Форма для заполнения личного звания

шаблон ЛЗ

Код:

<lz><name><a href="ссылка на анкету">Имя, возраст</a></name><br>род деятельности, титул; <br><cit>«цитата»</cit></lz>

• Ссылка 3