personal[html]<br><br>
<div class="fonectema">
<div class="vnutritema">

<div class="dnevnichok">
<div class="whoareyou"><a href="ссылка на анкету">имя фамилия, лет</a>

<div class="whatonyourmind">цитата, при необходимости вставить ссылку использовать код <a href="ссылка на профиль"></a>, при необходимости абзаца вставляем код <br>
</div>
<div class="infapers1">раса</div>

</div>
<div class="avatarpers"><img src="https://forumavatars.ru/img/avatars/001c/71/28/2-1742628725.gif"></div>

</div>

<div class="underknopa">

<div class="knopa">

  <input type="radio" name="tab-btn" id="tab-btn-collections" value="" checked>
  <label for="tab-btn-collections">коллекция</label>
  <input type="radio" name="tab-btn" id="tab-btn-episodes" value="" checked>
  <label for="tab-btn-episodes">хронология</label>
  <input type="radio" name="tab-btn" id="tab-btn-personaz" value="" checked>
  <label for="tab-btn-personaz">персонаж</label>

<!------------ персонаж ------------->
  <div id="content-personaz">

<table>
      <tr>
       
     
                 <th>   <div class="cuponsobshee"> <div class="collection1"><div class="coll">купоны</div>
<div class="collectionscupons">
    <!------------ купоны------------->

<div class="cuponactive">купон</div>
<div class="cuponactive">купон</div>
<div class="cuponclosed">купон</div>
<div class="cuponclosed">купон</div>
<div class="cuponclosed">купон</div>
<div class="cuponclosed">купон</div>
</div></div></div></th>
         <th>   <div class="collection2"><div class="coll">награды</div><div class="collectionsavards">
    <!------------ награды ------------->
<img src="https://forumstatic.ru/files/001c/71/28/94083.png" title="ЗА ПЕРВУЮ АНКЕТУ">
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/17290.png" title="ЗА ПЕРВЫЙ ПОСТ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/72832.png" title="ЗА 5 ПОСТОВ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/13653.png" title="ЗА 10 ПОСТОВ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/90900.png" title="ЗА УЧАСТИЕ В СЮЖЕТНОМ КВЕСТЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/29151.png" title="ЗА СПАСЕНИЕ ИГРОКА В СЮЖЕТЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/51540.png" title="ЗА ОДНО ВЫПОЛНЕННОЕ СОБЫТИЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/30644.png" title="ЗА 1000 РУБЛЕЙ В КОПИЛКЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/64365.png" title="ЗА 1000 СООБЩЕНИЙ В ПРОФИЛЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/26366.png" title="ЗА ПОПАДАНИЕ В ТАБЛИЦУ"></div>
</div></div></th>
     
</tr>
</table>

</div>

<!------------ коллекция ------------->
  <div id="content-collections">

<table>
      <tr>
       
         <th>    <div class="collection1"><div class="coll">фоны</div><div class="collectionsfons">
    <!------------ фоны ------------->

<img src="https://forumstatic.ru/files/001c/71/28/91267.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
</div></div></th>
         <th>   <div class="collection2"><div class="coll">плашки</div><div class="collectionsplash">
    <!------------ плашки ------------->

<img src="https://forumstatic.ru/files/001c/71/28/79034.jpg">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
</div></div></th>

<th>    <div class="collection3"><div class="coll">артефакты</div><div class="collectionsartef">
    <!------------ артефакты ------------->

<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
</div></div>

  <div class="collection3"><div class="coll">обереги</div><div class="collectionsartef">
    <!------------ обереги------------->

<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
</div></div></th>
      </tr>
</table>

</div>

<!------------ хронология ------------->
  <div id="content-episodes">
  <div class="chronologyobshee">  <div class="chronology">
<div class="chronologyopen">название ооооооооочень длинное открытого эпизода [ дата 00/00/00 ]</div></div>

<div class="chronology">
<div class="chronologyopen">название длинное открытого эпизода [ дата 00/00/00 ]</div></div>

  <div class="chronology">
<div class="chronologyopen">название открытого эпизода [ дата 00/00/00 ]</div></div>

<div class="chronology">
<div class="chronologyclosed">название закрытого эпизода [ дата 00/00/00 ]</div></div>
</div>
</div>

</div></div></div>

[/html]

Код:
[mark]personal[/mark][html]<br><br>
<div class="fonectema">
<div class="vnutritema">

<div class="dnevnichok">
<div class="whoareyou"><a href="ссылка на анкету">имя фамилия, лет</a>

<div class="whatonyourmind">цитата, при необходимости вставить ссылку использовать код <a href="ссылка на профиль"></a>, при необходимости абзаца вставляем код <br>
</div>
<div class="infapers1">раса</div>

</div>
<div class="avatarpers"><img src="https://forumavatars.ru/img/avatars/001c/71/28/2-1742628725.gif"></div>

</div>

<div class="underknopa">

<div class="knopa">


  <input type="radio" name="tab-btn" id="tab-btn-collections" value="" checked>
  <label for="tab-btn-collections">коллекция</label>
  <input type="radio" name="tab-btn" id="tab-btn-episodes" value="" checked>
  <label for="tab-btn-episodes">хронология</label>
  <input type="radio" name="tab-btn" id="tab-btn-personaz" value="" checked>
  <label for="tab-btn-personaz">персонаж</label>


<!------------ персонаж ------------->
  <div id="content-personaz">



<table>
      <tr>
        
     
                 <th>   <div class="cuponsobshee"> <div class="collection1"><div class="coll">купоны</div>
<div class="collectionscupons">
    <!------------ купоны------------->

<div class="cuponactive">купон</div>
<div class="cuponactive">купон</div>
<div class="cuponclosed">купон</div>
<div class="cuponclosed">купон</div>
<div class="cuponclosed">купон</div>
<div class="cuponclosed">купон</div>
</div></div></div></th>
         <th>   <div class="collection2"><div class="coll">награды</div><div class="collectionsavards">
    <!------------ награды ------------->
<img src="https://forumstatic.ru/files/001c/71/28/94083.png" title="ЗА ПЕРВУЮ АНКЕТУ">
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/17290.png" title="ЗА ПЕРВЫЙ ПОСТ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/72832.png" title="ЗА 5 ПОСТОВ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/13653.png" title="ЗА 10 ПОСТОВ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/90900.png" title="ЗА УЧАСТИЕ В СЮЖЕТНОМ КВЕСТЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/29151.png" title="ЗА СПАСЕНИЕ ИГРОКА В СЮЖЕТЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/51540.png" title="ЗА ОДНО ВЫПОЛНЕННОЕ СОБЫТИЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/30644.png" title="ЗА 1000 РУБЛЕЙ В КОПИЛКЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/64365.png" title="ЗА 1000 СООБЩЕНИЙ В ПРОФИЛЕ"></div>
<div class="collectionsavardsoff"><img src="https://forumstatic.ru/files/001c/71/28/26366.png" title="ЗА ПОПАДАНИЕ В ТАБЛИЦУ"></div>
</div></div></th>
      
</tr>
</table>




</div>


<!------------ коллекция ------------->
  <div id="content-collections">


<table>
      <tr>
        
         <th>    <div class="collection1"><div class="coll">фоны</div><div class="collectionsfons">
    <!------------ фоны ------------->

<img src="https://forumstatic.ru/files/001c/71/28/91267.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
</div></div></th>
         <th>   <div class="collection2"><div class="coll">плашки</div><div class="collectionsplash">
    <!------------ плашки ------------->

<img src="https://forumstatic.ru/files/001c/71/28/79034.jpg">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
<img src="https://forumstatic.ru/files/001c/5e/cc/14754.png">
</div></div></th>

 <th>    <div class="collection3"><div class="coll">артефакты</div><div class="collectionsartef">
    <!------------ артефакты ------------->

<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
<div class="collectionsartef1">артефакт</div>
</div></div>

  <div class="collection3"><div class="coll">обереги</div><div class="collectionsartef">
    <!------------ обереги------------->

<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
<div class="collectionsartef1">оберег</div>
</div></div></th>
      </tr>
</table>


 
</div>


<!------------ хронология ------------->
  <div id="content-episodes">
  <div class="chronologyobshee">  <div class="chronology">
<div class="chronologyopen">название ооооооооочень длинное открытого эпизода [ дата 00/00/00 ]</div></div>

 <div class="chronology">
<div class="chronologyopen">название длинное открытого эпизода [ дата 00/00/00 ]</div></div>

  <div class="chronology">
<div class="chronologyopen">название открытого эпизода [ дата 00/00/00 ]</div></div>

 <div class="chronology">
<div class="chronologyclosed">название закрытого эпизода [ дата 00/00/00 ]</div></div>
</div>
</div>




</div></div></div>


[/html]