Информация

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

    <div class="WHtablname">Кэролайн Эддерли</div>
    <div class="WHtablname1">Человек, ведьма</div>
    <div class="WHtablname2">18 y.o.</div>
    <div class="WHtablname3">Школьница, подрабатывает в антикварном магазинчике “Pirate's treasure”.</div>
<div class="WHtablname3"><a href="http://heavensnight.ru/viewtopic.php?id=161#p8998">Анкета</a></div>
<div class="WHtablname3">ЛС</div>
<div class="WHtablname3"><object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="22" width="150"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param name="FlashVars" value="way=https://serenesforest.net/wp-content/uploads/2014/06/05-Divine-Child-White-Sage.mp3&amp;swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&amp;w=150&amp;h=22&amp;time_seconds=0&amp;autoplay=1&amp;q=&amp;skin=black&amp;volume=70&amp;comment=" /></object>


</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> Лозоходство (II); управление снами (I). Специализация: обряды.<br><br>
<b>• Умения:</b> Резьба по дереву; рукоделие; хорошая память; ловкость и быстрый, но недолгий бег.<br><br>
<b>• Артефакты:</b> 


<div class="osnovnoitext">Отношения</div>
          <br>
<a href="http://heavensnight.ru/profile.php?id=27">Рут Эддерли</a> - уважаемая старшая сестра, учитель и опора, а также настоящий образец для подражания. Жаль только, Рут пришлось пойти на жертвы ради них, младших сестёр. <br>
<a href="http://heavensnight.ru/profile.php?id=5">Ава Мэй Эддерли</a> - первый в жизни партнёр по играм и, когда-то давно, шалостям. С Мэй всегда приятно провести время, будь то совместное занятие рукоделием или прослушивание её игры на гитаре. Пожалуй, один из самых близких на данный момент людей. <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>



                      </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>