Код:
<!--HTML-->
<div class="u_theme">

    <div class="u_title">Заполни и измени</div>
 
    <div class="u_body">
В этой теме можно внести на личную страницу хронологию, отношения и видоизменить ее. Можно заменить аватар, изменить написания Имени и Фамилии вашего персонажа, а так же поправить возраст, если прошёл день рождения. Если вы еще не знаете, то на каждой странице есть иконка "верификации". Нажмите на нее. В этом всплывающем окне будут хранится ваши сертификаты. Любые действия с ними вы также совершаете здесь. Заработали баллы в рейтинге? Отписались здесь! Новая часть панно? Отписались также здесь.
           
</div></div>
хронология
Код:
<!--HTML-->
<center>
<div class="epicH">
<div class="zageH"><a href="ссылка на эпизод">название эпизода не более 40 символов</a></div>
<div class="texteH">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique, diam eget vestibulum congue, odio quam ornare ligula, non interdum eros nisi vitae odio. Pellentesque tempus erat at lacinia ornare. Donec dapibus tortor luctus mi consectetur convallis. Praesent id elit quis arcu dictum maximus a eu tortor. Nulla eget mauris odio. Quisque eu odio a ligula hendrerit interdum vel eu massa. Integer magna felis, elementum id quam a, congue tincidunt ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam tincidunt ante id velit vehicula venenatis.</div>
</div></center>
Код:
<center><div class="epicH">
<div class="zageH"><a href="ссылка на эпизод">название эпизода не более 40 символов</a></div>
<div class="texteH">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique, diam eget vestibulum congue, odio quam ornare ligula, non interdum eros nisi vitae odio. Pellentesque tempus erat at lacinia ornare. Donec dapibus tortor luctus mi consectetur convallis. Praesent id elit quis arcu dictum maximus a eu tortor. Nulla eget mauris odio. Quisque eu odio a ligula hendrerit interdum vel eu massa. Integer magna felis, elementum id quam a, congue tincidunt ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam tincidunt ante id velit vehicula venenatis.</div>
</div></center>
отношения
Код:
<!--HTML--><center>
<div class="otnoh">
<div class="avaot"><img src="http://via.placeholder.com/66x66"></div>
<div class="avaotk"></div>
<div class="zagot"><a href="ссылка на профиль персонажа">имя фамилия персонажа</a></div>
<div class="textot">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique, diam eget vestibulum congue, odio quam ornare ligula, non interdum eros nisi vitae odio. Pellentesque tempus erat at lacinia ornare. Donec dapibus tortor luctus mi consectetur convallis. Praesent id elit quis arcu dictum maximus a eu tortor. Nulla eget mauris odio. Quisque eu odio a ligula hendrerit interdum vel eu massa. Integer magna felis, elementum id quam a, congue tincidunt ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam tincidunt ante id velit vehicula venenatis.</div>
</div></center>
Код:
<center>
<div class="otnoh">
<div class="avaot"><img src="http://via.placeholder.com/66x66"></div>
<div class="avaotk"></div>
<div class="zagot"><a href="ссылка на профиль персонажа">имя фамилия персонажа</a></div>
<div class="textot">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique, diam eget vestibulum congue, odio quam ornare ligula, non interdum eros nisi vitae odio. Pellentesque tempus erat at lacinia ornare. Donec dapibus tortor luctus mi consectetur convallis. Praesent id elit quis arcu dictum maximus a eu tortor. Nulla eget mauris odio. Quisque eu odio a ligula hendrerit interdum vel eu massa. Integer magna felis, elementum id quam a, congue tincidunt ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam tincidunt ante id velit vehicula venenatis.</div>
</div></center>