Информация

Код:
<!--HTML--><div class="htmldemo">
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001a/1c/0a/25828.css">
    <table style="width: 700px;">
    <tbody>
    <tr>
    <td style="width: 195px;">
    <div class="bordinfo">
    <img src="http://s9.uploads.ru/cOouL.jpg" align="left">

    <div class="WHtablname">Алекс Кэннон</div>
    <div class="WHtablname1">человек</div>
    <div class="WHtablname2">19 y.o.</div>
    <div class="WHtablname3">Ведьмаг Ордена</div>
<div class="WHtablname3"><a href="https://heavensnight.rusff.ru/viewtopic.php?id=148">Анкета</a></div>
<div class="WHtablname3">ЛС</div>

    </div></td>
    <td style="width: 500px;">
    <div class="tabs">
       
       <div class="tab">
           <input type="radio" id="tab-1" name="tab-group-1" checked="">
           <label for="tab-1">информация</label>
           <div class="content" id="jes">
           
           <br>
<div class="osnovnoitext">Основная информация</div>
          <br>

<b>• О себе:</b>Цыган, который уже украл твой бумажник. Позолоти ручку, а?<br><br>
<b>• Способности:</b> Токсичность (I), Целительство (II) <br><br>
<b>• Умения:</b> <br>Умеет кататься на скейтборде<br>
Неплохо танцует<br>
Может сготовить простенькое блюдо<br>
Считает, что отлично флиртует<br>
Заварит самое вкусное какао во всем Уайтшелле (по мнению рекламной компании, которую он себе устраивает)<br>
Имеет навык езды на лошадях.<br>
<b>• Артефакты:</b>  <br><br>


<div class="osnovnoitext">Отношения</div>
          <br>



 <br><br>

       </div>
       </div>
       


       <div class="tab">
           <input type="radio" id="tab-2" name="tab-group-1">

<label for="tab-2">коллекции</label>
           <div class="content">
          
<div class="osnovnoitext">общефорумное</div>
          <br>
 <center><div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/L0IVp.png)"><div class="inaverh"><span>Добро пожаловать!</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Седьмое небо</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Звезда зачарований</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Повелитель склянок</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Местная легенда</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Попробуй-ка заболтай!</span></div></div></center>
 <br>
<center><div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Листовки не умирают</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Радушный прием</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Симпатяга</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Щедрость</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Вклад в развитие</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Волонтер</span></div></div></center>




            <br><br>
           <div class="osnovnoitext">игровое</div>
           <br>
<center><div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Первая схватка со злом</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Лекарь</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Механик</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Наставник</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Охотник</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Детектив</span></div></div></center>


 <br>
<center><div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Ведьмин Круг</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Защитник</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Взломано</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Талисманы для слабых</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Звезда коммуникаций</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Звезда зачарований</span></div></div></center>
 


 <br>
<center><div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Новичок в истории</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Ветеран в истории</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Легенда в истории</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Обладатель Лунного Ключа</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Обладатель Солнечного Ключа</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Обладатель Аквамаринового Ключа</span></div></div></center>


 <br>
<center><div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Обладатель Рубинового Ключа</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Обладатель Сердца Океана</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Стук сердца</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Скованные одной цепью</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Из Разлома с любовью</span></div></div>
            <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/kUqYO.png)"><div class="inaverh"><span>Одержимость</span></div></div></center>
    <br><br>
           <div class="osnovnoitext">сезонное</div>
           <br>       <center> Здесь скоро что-то будет            </center>  
            </center>



                      </div>
       </div>
       
        <div class="tab">
           <input type="radio" id="tab-3" name="tab-group-1">
           <label for="tab-3">шкатулка</label>
       
           <div class="content">
<div class="osnovnoitext">подарки</div>
    <table width="100%">
            <tbody>
<tr>
<td width="20%"><img src="http://s5.uploads.ru/FIC6Y.png"></td>
<td width="80%"><center> ♦  Ароматная настойка из трав для спокойствия <br></center></td>
</tr>

        
          </tbody></table>
<div class="osnovnoitext">инвентарь</div><br><br>
<center><div class="osnovnoi" style="background-image:url(http://s3.uploads.ru/PkRWq.png)"><div class="inaverh"><span>0 монет</span></div></div>
  <div class="osnovnoi" style="background-image:url(http://sh.uploads.ru/TfIj7.png)"><div class="inaverh"><span>Эфир: 100</span></div></div>
</center>
<br>
    </div>
       </div>
       
        <div class="tab">
           <input type="radio" id="tab-4" name="tab-group-1">
           <label for="tab-4">хронология</label>
       
           <div class="content">

 <div class="osnovnoitext">сюжетные эпизоды</div>
       <br>
• В процессе<br><br>

           <div class="osnovnoitext">личные эпизоды</div>
           <br>
• В процессе 
<br><br>
           <div class="osnovnoitext">альтернативные эпизоды</div>
      <br>
• В процессе <br><br>
           </div>
       </div>   
    </div>
    </td><td>
    </td></tr>
    </tbody>
    </table>







 



      </div>
            </div>