[html]
<div style="width: 600px; height: 600px; background-image: url('http://s6.uploads.ru/HNbIt.jpg'); background-position: bottom center;">
<div style="position: relative; top: 10px; left: 140px; overflow: auto; width: 380px; padding: 10px; height: 600px;">
<div style="background-image: url('http://s4.uploads.ru/GmjxS.png'); opacity: 0.8; padding-left: 0px;padding-right: 5px;height:auto;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 370px;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"></td>
<td class="fon"></td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></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://s4.uploads.ru/GmjxS.png'); opacity: 0.8; padding-left: 0px;padding-right: 5px;height:auto;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 370px;letter-spacing: 1px;text-align: center;">
<center><table class="table221">
<tbody><tr>
<td class="fonNomer">B Класс</td>
<td class="fonNomer">Участник</td>
<td class="fonNomer">Должность</td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></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://s4.uploads.ru/GmjxS.png'); opacity: 0.8; padding-left: 0px;padding-right: 5px;height:auto;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 370px;letter-spacing: 1px;text-align: center;">
<center><table class="table221">
<tbody><tr>
<td class="fonNomer">C Класс</td>
<td class="fonNomer">Участник</td>
<td class="fonNomer">Должность</td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></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://s4.uploads.ru/GmjxS.png'); opacity: 0.8; padding-left: 0px;padding-right: 5px;height:auto;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 370px;letter-spacing: 1px;text-align: center;">
<center><table class="table221">
<tbody><tr>
<td class="fonNomer">D Класс</td>
<td class="fonNomer">Участник</td>
<td class="fonNomer">Должность</td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></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://s4.uploads.ru/GmjxS.png'); opacity: 0.8; padding-left: 0px;padding-right: 5px;height:auto;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 370px;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://nowhere.rolka.me/profile.php?id=5">Sova Coleman</a></td>
<td class="fon">Администратор клуба Nowhere</td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></td>
</tr>
<tr>
<td class="fon"></td>
<td class="fon"></td>
<td class="fon"></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: #ffffff; background:url("background-image: url('http://s4.uploads.ru/GmjxS.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>