Шаблон упрощенной анкеты

Анкета создается в этом же форуме по нижеуказанному шаблону. Название анкеты = имя и фамилия вашего персонажа и возраст. После того как вас приняли, в этой же теме с анкетой оставляете шаблон для ведения хронологии игры и для отношений с персонажами. Для вашего удобства мы приготовили шаблоны, но легко можно воспользоваться своими.

Name Surname
Имя Фамилия
внешность

• дата рождения:
• место рождения:
• деятельность/раса:
• фэндом:
О персонаже
5 пунктов, которые должны включать самое необходимое о вашем персонаже. (характер, отличительные черты, привычки, биография)
Пост
любой ваш пост
Контакты
Способы связи: телеграм, дискорд или любые другие способы связи помимо ЛС.
Как узнали о проекте: ...
Персонаж по счету: ...

Код:

[quote][align=center][font=Cormorant Garamond][b][size=22]Name  Surname[/size][/b]
[size=18]Имя  Фамилия[/size][/font][/align][hr]
[align=center]внешность [/align]
[align=center][img]картинка 150х150[/img] [img]картинка 150х150[/img] [img]картинка 150х150[/img][/align]
[table layout=fixed width=100%]
[tr]
[td] [align=center]• [b]дата рождения:[/b][/align][/td]
[td] [align=center]• [b]место рождения:[/b][/align] [/td]
[/tr]
[tr]
[td] [align=center]• [b]деятельность/раса:[/b][/align][/td]
[td] [align=center]• [b]фэндом:[/b][/align][/td]
[/tr]
[/table]
[spoiler="[align=center][font=Cormorant Garamond][b][size=16]О персонаже[/size][/b][/font][/align]"]5 пунктов, которые должны включать самое необходимое о вашем персонаже. (характер, отличительные черты, привычки, биография)  [/spoiler]
[spoiler="[align=center][font=Cormorant Garamond][b][size=16]Пост[/size][/b][/font][/align]"]любой ваш пост [/spoiler]
[spoiler="[align=center][font=Cormorant Garamond][b][size=16]Контакты[/size][/b][/font][/align]"][b]Способы связи:[/b] телеграм, дискорд или любые другие способы связи помимо ЛС.
[b]Как узнали о проекте:[/b] ...
[b]Персонаж по счету:[/b]  ... [/spoiler]
[/quote]

ШАБЛОН ДЛЯ ХРОНОЛОГИИ

Активный эпизод
<div class="ch1">
Завершенный эпизод
<div class="ch1 close">

Код:

[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: 640px; /* ширина блока */
--chrbg: #adaca1; /* цвет фона */
--chrd: #36793c; /* активный эпизод */
--chrc: #601119; /* закрытый эпизод */
--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=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* отступ от левого края, auto - для центровки */
  --shav1: 100px; /* ширина аватара */
  --shav2: 100px; /* высота аватара */
  --shclr: #66060c; /* границы */
  --shbg: rgba(255, 255, 255, 0.17); /* фон блока с текстом */
}
.ship6 {max-width:700px;  /* ограничиваем ширину блока*/
position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0; margin: auto auto auto var(--s6m);}
.ship6 * {box-sizing:border-box;}
.ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
.ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
.ship6 .sh2 {display:grid; grid-template-columns: auto 1fr;}
.ship6 .sh2 {order:1; min-width:200px; min-height:100px;}
/* блок текста */
.ship6 .sh3 {order:2; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px; line-height: 120%; font-size: 11px; min-height:64px; min-width:100px;}
/* аватар */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2);}
/* никнейм */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:180px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600; font-size: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', Tahoma, sans-serif;}
/* четные блоки */
.ship6 .ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
.ship6 .sh1:nth-child(2n) .sh3 {order:-1;}
.ship6 .sh1:nth-child(2n) .ava2 {order:-1; text-align:right;}
.ship6 .sh1:nth-child(2n) .ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
.ship6 .sh1:nth-child(2n) .sh2 {grid-template-columns: 1fr auto;}
</style><div class="ship6"><!-- НАЧАЛО -->

<!-- ПЕРВЫЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="ваша картинка"><div class="ava2">
  <em><a href="#">Персонаж_1</a></em>
Некоторое пояснение или описание
  </div></div><div class="sh3">
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
  </div></div>


<!-- ВТОРОЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="ваша картинка"><div class="ava2">
  <em><a href="#">Персонаж_2</a></em>
Некоторое пояснение или описание
  </div></div><div class="sh3">
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
  </div></div>


<!-- ТРЕТИЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="ваша картинка"><div class="ava2">
  <em><a href="#">Персонаж_3</a></em>
Некоторое пояснение или описание
  </div></div><div class="sh3">
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
  </div></div>


<!-- КОНЕЦ --><div>[/html]