После того, как игрок создает тему со своими личными ветками, он должен вставить туда нижеприведенный шаблон. Для каждого эпизода должно быть создано отдельное сообщение и шаблон также заполняется отдельно. Для удобства поиска и ориентирования, игрок может создать самым первым сообщением в теме - сводную таблицу, куда будет вносить добавившиеся к хронологии эпизоды. В таком случае их нужно будет убирать под спойлер и сортировать по годам, а внутри - хронологически по месяцам и датам.
Пункт 3 шаблона заполняется текстово.
Пункт 4 шаблона должен содержать оформленную ссылку на эпизод.
В описании ссылки должны быть указана полная дата прошедшего отыгрыша и место действия.
Вы можете взять лаконичный код для вставки:
[table layout=fixed width=100%] [tr] [td][align=center][b]Дата[/b][/align][/td] [td][b][align=center]Участники[/align][/b][/td] [td][b][align=center]Описание[/align][/b][/td] [td][b][align=center]Эпизод[/align][/b][/td] [td][b][align=center]Статус[/align][/b][/td] [/tr] [/table]
Либо оформить свою хронологию более красочным кодом:
[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
<style>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 380px; /* ширина блока */
--chrbg: #cfc2b03; /* цвет фона */
--chrd: #6a8972; /* активный эпизод */
--chrc: #61605e; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px; padding:26px 20px 24px 10px; position:relative;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
.ch7 {display:block; font-family: Yeseva One, Georgia, serif; font-size: 22px; padding:0 0 8px 80px;}
</style>
<div class="chr2"><!----- START ----->
<div class="ch1">
<div class="ch2"><em> дата эпизода </em>
Участники
</div>
<div class="ch3"><a href="ссылка" class="ch4">Название эпизода</a>
<p> Описание эпизода </p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em> дата эпизода </em>
Участники
</div>
<div class="ch3"><a href="ссылка" class="ch4">Название эпизода</a>
<p> Описание эпизода </p>
</div>
</div>
<div class="ch1 close">
<div class="ch2"><em> дата эпизода </em>
Участники
</div>
<div class="ch3"><a href="ссылка" class="ch4">Название эпизода</a>
<p> Описание эпизода </p>
</div>
</div>
<!----- END -----></div>[/html]
[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
<style>.chr2, .chr2 * {box-sizing:border-box;}
.chr2 {
--chrw: 380px; /* ширина блока */
--chrbg: #cfc2b03; /* цвет фона */
--chrd: #6a8972; /* активный эпизод */
--chrc: #61605e; /* закрытый эпизод */
--chbs: rgba(0,0,0,0.3); /* цвет границы */
}
.chr2 {width:var(--chrw); background:var(--chrbg); border-radius:16px; border:1px solid var(--chbs);
margin:10px auto 10px 10px; padding:26px 20px 24px 10px; position:relative;}
.chr2 p {padding:0px !important; margin:0px !important;}
.chr2 h7 {display:block; text-align:center; font-family:Cuprum, Tahoma, sans-serif; font-size:24px;}
.ch1 {position:relative; padding: 15px 0px; display:grid; grid-template-columns: 180px 1fr; grid-template-rows:auto; align-items:stretch;}
.ch1:first-of-type {/*shipovnik*/ padding-top:0px;}
.ch1:last-of-type {padding-bottom:0px;}
.ch2 {display:block; grid-column:1 / 2; grid-row:1 / -1; text-align:center; padding-right:10px; border-right:1px solid var(--chbs);}
.ch3 {display:block; grid-column:-2 / -1; grid-row:1 / -1; padding-left:14px; text-align:justify;}
.ch2 em {display:block; font-style:normal !important; font-weight:600; font-family:Cuprum, Tahoma, sans-serif; font-size:16px; padding-bottom:4px;}
.ch4 {text-transform:uppercase; font-family:Oswald, Tahoma, sans-serif; font-size:14px; letter-spacing:0.03em;}
.ch1:before {content:''; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:15px; left:-10px; transform:translateX(-50%);
background: var(--chrd); border:1px solid var(--chbs);}
.close.ch1:before {background:var(--chrc);}
.ch7 {display:block; font-family: Yeseva One, Georgia, serif; font-size: 22px; padding:0 0 8px 80px;}
</style>
<div class="chr2"><!----- START ----->
<div class="ch1">
<div class="ch2"><em> дата эпизода </em>
Участники
</div>
<div class="ch3"><a href="ссылка" class="ch4">Название эпизода</a>
<p> Описание эпизода </p>
</div>
</div>
<div class="ch1">
<div class="ch2"><em> дата эпизода </em>
Участники
</div>
<div class="ch3"><a href="ссылка" class="ch4">Название эпизода</a>
<p> Описание эпизода </p>
</div>
</div>
<div class="ch1 close">
<div class="ch2"><em> дата эпизода </em>
Участники
</div>
<div class="ch3"><a href="ссылка" class="ch4">Название эпизода</a>
<p> Описание эпизода </p>
</div>
</div>
<!----- END -----></div>[/html]
