[html]

<section class='lod-news'  data-title=''>

<img src='https://i.pinimg.com/736x/59/f1/ab/59f1abebafaaa59d16d5518f4c09213c.jpg' class='news-sideimg' />
<!-- <div class='lod-news-title'>thanks</div> ----->
Хронология эпизодов
<br>
Вы можете оформить свою хронологию в разделе <a href="https://lepidus.ru/viewforum.php?id=313">хронология эпизодов</a> используя шаблон ниже. Обновляйте хронологию, чтобы гости и другие соигроки могли видеть эпизоды, в которых участвовал ваш герой.<br><br>
Хронология эпизодов поможет вам лучше ориентироваться по своим собственным эпизодам и не забывать о событиях.<br><br>
В хтмл-посте хронологии все довольно просто устроено. Если у вас все же возникнут вопросы, то можете обратиться в организационный раздел за разъяснениями.
</section>[/html]

[html]

<style>
/* для ценителей: можно изменить цвет фона названий эпизодов и цвет полоски, разделяющей дату и описание эпизодов */
:root {
--line-color: #4d6a78;
}
</style>

<section class='lod-chron'  data-title='chronology'>
<userhead>

<!----- текущую аватарку скрипт возьмёт сам -------------------->
<div class='chron-av'></div>

<!----- название -------------------->
<span> Название хронологии </span>

</userhead>

<!----- фон шапки хронологии -------------------->
<img src='https://forumstatic.ru/files/001c/80/b1/82421.jpg' class='chron-bg' />

<section class='chron-wrapper'>

<!------------------- ЭПИЗОД ---------------------------------------------------------------------->
<!------ 01 - в процессе / 02 - завершён / 03 - заморожен ---------------->
<chevent class='stat_01'>
<chdate> 00 января, 0000</chdate>

<!----- ссылка на эпизод и его название  -------------------->
<chdesc><a href='#'>название эпизода</a>

<!----- ссылка на профили и имена участников  -------------------->
<a href='#'>Имя Фамилия </a><a href='#'>Name Surmane</a><br>

<!----- описание  -------------------->
описание совершенно любой длины

</chdesc></chevent>

<!------------------- ЭПИЗОД ---------------------------------------------------------------------->
<!------ 01 - в процессе / 02 - завершён / 03 - заморожен ---------------->
<chevent class='stat_02'>
<chdate> 00 января, 0000</chdate>

<!----- ссылка на эпизод и его название  -------------------->
<chdesc><a href='#'>название эпизода</a>

<!----- ссылка на профили и имена участников  -------------------->
<a href='#'>Имя Фамилия </a><a href='#'>Name Surmane</a><br>

<!----- описание  -------------------->
описание совершенно любой длины

</chdesc></chevent>

<!------------------- ЭПИЗОД ---------------------------------------------------------------------->
<!------ 01 - в процессе / 02 - завершён / 03 - заморожен ---------------->
<chevent class='stat_03'>
<chdate> 00 января, 0000</chdate>

<!----- ссылка на эпизод и его название  -------------------->
<chdesc><a href='#'>название эпизода</a>

<!----- ссылка на профили и имена участников  -------------------->
<a href='#'>Имя Фамилия </a><a href='#'>Name Surmane</a><br>

<!----- описание  -------------------->
описание совершенно любой длины

</chdesc></chevent>

</section>[/html]

[html]


<style>
/* для ценителей: можно изменить цвет фона названий эпизодов и цвет полоски, разделяющей дату и описание эпизодов */
:root {
--line-color: #4d6a78;
}
</style>

<section class='lod-chron'  data-title='chronology'>
<userhead>

<!----- текущую аватарку скрипт возьмёт сам -------------------->
<div class='chron-av'></div>

<!----- название -------------------->
<span> Название хронологии </span>

</userhead>

<!----- фон шапки хронологии -------------------->
<img src='https://forumstatic.ru/files/001c/80/b1/82421.jpg' class='chron-bg' />

<section class='chron-wrapper'>

<!------------------- ЭПИЗОД ---------------------------------------------------------------------->
<!------ 01 - в процессе / 02 - завершён / 03 - заморожен ---------------->
<chevent class='stat_01'> 
<chdate> 00 января, 0000</chdate> 

<!----- ссылка на эпизод и его название  -------------------->
<chdesc><a href='#'>название эпизода</a>

<!----- ссылка на профили и имена участников  -------------------->
<a href='#'>Имя Фамилия </a><a href='#'>Name Surmane</a><br>

<!----- описание  -------------------->
описание совершенно любой длины
 
</chdesc></chevent> 

<!------------------- ЭПИЗОД ---------------------------------------------------------------------->
<!------ 01 - в процессе / 02 - завершён / 03 - заморожен ---------------->
<chevent class='stat_02'> 
<chdate> 00 января, 0000</chdate> 

<!----- ссылка на эпизод и его название  -------------------->
<chdesc><a href='#'>название эпизода</a>

<!----- ссылка на профили и имена участников  -------------------->
<a href='#'>Имя Фамилия </a><a href='#'>Name Surmane</a><br>

<!----- описание  -------------------->
описание совершенно любой длины
 
</chdesc></chevent> 

<!------------------- ЭПИЗОД ---------------------------------------------------------------------->
<!------ 01 - в процессе / 02 - завершён / 03 - заморожен ---------------->
<chevent class='stat_03'> 
<chdate> 00 января, 0000</chdate> 

<!----- ссылка на эпизод и его название  -------------------->
<chdesc><a href='#'>название эпизода</a>

<!----- ссылка на профили и имена участников  -------------------->
<a href='#'>Имя Фамилия </a><a href='#'>Name Surmane</a><br>

<!----- описание  -------------------->
описание совершенно любой длины
 
</chdesc></chevent> 



</section>[/html][hideprofile]

[hideprofile]

Подпись автора

[html]<style>a.prof-signature {width: 76px;height: 120px;bottom: 5px;right: -13px;position: absolute;filter: grayscale(0.2) brightness(1);background: url(https://forumstatic.ru/files/001c/80/b1/76229.png) no-repeat center / 100%;z-index: 5;border-bottom: none!important;will-change: filter;transition: filter .3s ease-in-out;}
a.prof-signature:hover {filter:grayscale(0.2) brightness(1.1)}
a.prof-signature::before {content: none!important;}</style>
<a href='' title='хронология' class='prof-signature' target='_blank'></a>[/html]