[html]
<div style="width: 590px; height: 750px; background-image: url('http://sd.uploads.ru/i9BLc.jpg'); background-position: bottom center;">

<div style="position: relative; top: 10px; left: 120px; overflow: auto; width: 450px; padding: 10px; height: 700px;">

<div style="background-image: url('http://s9.uploads.ru/YGhlO.png'); opacity: 0.8; padding-left: 0px;padding-right: 2px;height:auto;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 450px;letter-spacing: 1px;text-align: center;">

<center><table class="table221">

<tbody><tr>
    <td class="fonNomer">Раса</td>
    <td class="fonNomer">Участник</td>
<td class="fonNomer">Должность</td>
</tr>
<tr>
    <td class="fon">Ангел</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=21">Клод Альдо</a></td>
    <td class="fon">Корпус «Омега». Руководитель лабораторного отдела</td>
    </tr>
<tr>
    <td class="fon">Вейл</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=7">Хаган Кестер</a></td>
    <td class="fon">Владелец “The Golden Cage”</td>
     </tr>

<tr>
    <td class="fon">Вейл</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?section=avatar&id=9">Риэль Картье</a>
</td>
    <td class="fon">Зам. директора “The Golden Cage”. </td>
     </tr>

<tr>
    <td class="fon">Вейл</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=23">Сиа Эвр</a></td>
    <td class="fon">Звезда “The Golden Cage”</td>
</tr>

    <tr>
    <td class="fon">Человек</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=6">Хьюго Мердер</a>
    </td>
    <td class="fon">Детектив отдела убийств</td>
     </tr>
<tr>
    <td class="fon">Человек</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=15">Этан Райз</a></td>
    <td class="fon">разнорабочий</td>
</tr>
        <tr>
    <td class="fon">Оборотень</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=13">Зарксис Янг</a></td>
    <td class="fon">Владелец антикварной лавки</td>
</tr>
<tr>
    <td class="fon">Оборотень</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=20">Ашер Джейс</a></td>
    <td class="fon">Грузчик в магазине сувениров, барыжит наркотой</td>

</tr>
<tr>
<td class="fon">Оборотень</td>
<td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=31">Авель Стайлз</a></td>
<td class="fon">Фрилансер. Глава банды "Зверинец"</td>
</tr>
<td class="fon">Оборотень</td>
    <td class="fon"><a href="weird.rolebb.ru/viewtopic.php?id=35#p283">Адам Филчер</a></td>
    <td class="fon">фотограф, разнорабочий </td>

</tr>
     <tr>
    <td class="fon">Демон</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=14">Айзек Стоун</a></td>
    <td class="fon">Владелец ритуальных салонов</td>
    </tr>
<tr>
    <td class="fon">Нефилим</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=30">Эндрю Мендес</a></td>
    <td class="fon">Вор, фрилансер, разнорабочий</td>

</tr>
<tr>
   
<tr>
    <td class="fon">Вампир</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=29">Артур Лориц</a></td>
    <td class="fon">Владелец порно-журнала "Inside"</td>

</tr>
<tr>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>

</tr>

</tbody></table></center></div><br><br>

<div style="background-image: url('http://s9.uploads.ru/YGhlO.png'); opacity: 0.8; padding-left: 0px;padding-right: 2px;height:auto;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 450px;letter-spacing: 1px;text-align: center;">

<center><table class="table221">

<tbody><tr>
    <td class="fonNomer">Прочие</td>
    <td class="fonNomer">Участник</td>
<td class="fonNomer">Должность</td>
</tr>
<tr>
    <td class="fon">Авилак</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=16">Аксель Мёрк</a></td>
    <td class="fon">Боец подразделения ОНБ Корпуса "Омега", снайпер</td>

</tr>
<tr>
    <td class="fon">Стригой</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=2">Логан Литта</a></td>
    <td class="fon">Начальник Управления полиции</td>
</tr>

        <tr>
    <td class="fon">Наг</td>
    <td class="fon"><a href="https://weird.rolebb.ru/profile.php?id=17">Лукас Ленц</a></td>
    <td class="fon">Управляющий банком</td>
<tr>
    <td class="fon">Наг</td>
    <td class="fon"><a href=https://weird.rolebb.ru/profile.php?id=33>Леон Лост</a></td>
    <td class="fon">Библиотекарь-перевозчик</td>

</tr>
</tr>
<tr>
        <td class="fon">Фейри</td>
        <td class="fon"><a href="https://weird.rolebb.ru/viewtopic.php?id=126">Оливия Сеймур</a></td>
        <td class="fon"> Бармен “The Golden Cage”</td>

    </tr>

</tbody></table></center></div><br><br>

</div>
<!-- CSS -->
<style>
table.table221{
table-layout: auto !important;
text-align: center;}

td.fonNomer, td.fon {color: #000000; background:url("background-image: url('http://s3.uploads.ru/KOVDZ.png');"); font-family: Morpheus; font-size: 12px; text-align: center;}

</style></div>
[/html]

Заполнение осуществляется согласно кода:

<tr> 
    <td class="fon">Коротко Раса (Вампир, оборотень, демон...)</td>
    <td class="fon"><a href="ссылка на профиль">Имя персонажа</a></td>
    <td class="fon">Должность персонажа</td>

	</tr>