[html]
<style>
/* тут можно поменять много цветов в шаблоне под нужные оттенки фона. Нужны градиенты? Вот хороший ресурсы: https://cssgradient.io/
Меня не обязательно, это опционал при желании. Вместо градиентов можно вставлять просто цвета. Не забывайте про полупрозрачность! */
:root {
/* цвета градиента "дата" и "место" */
--date-place-text-bg: linear-gradient(180deg, #ffffff, #60b0eb);
/* тут сложнее: мягкий смягчающий градиент поверх картинки фона. обратите внимание: их два через запятую. */
--ep-bg-grad:
linear-gradient(to top, #272B30 2%, transparent 60%),
radial-gradient(ellipse at top left, #3a6e92 0%, rgba(0, 0, 0, 0) 50%), transparent;
/* текст описания по центру: center / слева - left / растянут - justify */
--ep-desc-talign: left;
/* цвет фона описания */
--ep-desc-bg: #342d1d47;
/* цвет текста описания */
--ep-desc-clr: #fff9f0;
/* ширина окна описания */
--ep-desc-width: 50%;
}
</style>
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/17/76/84573.css">
<section class="arc-episode-wrapper">
<img src='https://i.imgur.com/ENybzzr.png' /> <!--сюда свою картинку на фон (кавычки нужно оставить!)-->
<div class='arc-episode-strip'>
<ul class="arc-date-place">
<li data-title='дата'>дд.мм.гггг</li> <!-- между <li>...</li> своя дата -->
<li data-title='место'>Страна, Город</li> <!-- между <li>...</li> место событий -->
</ul>
</div>
<div class='arc-episode-chars'>
<!--
В <a href> вместо '#' вставляется ссылка на профиль вида 'https://arc.ru/profile.php?id=2'
В data-charname только короткое имя. Например, вместо "Мать-Создательница Авалон" - просто "Авалон"
Строк <a href='#' data-charname='#'><img src='#' /> </a> может быть не больше 6 (шести)
Везде оставляем 'кавычки!'
-->
<a href='#' data-charname='Вампир'><img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='Оборотень'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='Человек'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='Оборотень'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='Человек'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='Оборотень'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='Человек'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
</div>
<!--Описание эпизода до 600 символов. Рекомендовано включить hideprofile - тогда влезет больше. _01 - описание по правому краю, _02 - по центру -->
<div class='arc-episode-desc_01'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel,
porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula
vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut
libero fermentum, non consequat lectus egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel,
porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula
vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut
libero fermentum, non consequat lectus egestas.
</div>
</section>[/html][hideprofile]
- Подпись автора
Текст Текст Текст
