Код:
<!--HTML-->
<style>.html {
width: 600px;
background: url(http://i.imgur.com/OQG2kwy.png) top no-repeat, url(http://i.imgur.com/j2fRfBG.png) bottom no-repeat, url(http://i.imgur.com/GTomTZS.png) repeat-y;
}
.text {width: 630px; font-family: cuprum; line-height:13px; color: #; text-align: justify; padding: 3px; overflow: auto; }
</style>
<center>
<div class="html">
<div style="width: 600px; margin-top: 0px;">
<br><br><br><br>
<div class="text" style="width: 550px; font-size: 13px;">
<br><br><br><br>
<div style=" padding: 20px;
font-size: 13px;">
<br><br>
<div style=" background: #b44a4b;
padding: 10px;
border-radius: 15px;
font-size: 13px;
color: #fff;">
<center> Данная тема создана для того, чтобы отслеживать какое количество людей занимает ту или иную должность. Чтобы не вышло так, что у нас пятнадцать гонщиков. Вы пишите <b>ВСЕ</b> свои места работы. Если вы карманник по вечерам, а днем работаете продавцом комиксов, вы пишите обе работы, мы сами определяем вас в ту или иную категорию, однако наше решения вы можете оспорить по средствам <b>ЛС</b>.</center> </div>
<br><br><br><hr>
<table>
<tr>
<td><center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- МУНИЦИПАЛИТЕТ -</b></div></center><br>
<div style="overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
<td>
<center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- ПРАВООХРАНИТЕЛЬНЫЕ ОРГАНЫ-</b></div></center><br>
<div style=" overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
</tr>
<tr>
<td><center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- ОБРАЗОВАНИЕ -</b></div></center><br>
<div style="overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
<td>
<center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- ЗДРАВООХРАНЕНИЕ-</b></div></center><br>
<div style=" overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
</tr>
<tr>
<td><center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- БИЗНЕС -</b></div></center><br>
<div style="overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
<td>
<center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- СМИ -</b></div></center><br>
<div style=" overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
</tr>
<tr>
<td><center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- ИСКУССТВО И РАЗВЛЕЧЕНИЕ -</b></div></center><br>
<div style="overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
<td>
<center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- ТОРГОВЛЯ И УСЛУГИ -</b></div></center><br>
<div style=" overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
</tr>
<tr>
<td><center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- КРИМИНАЛ -</b></div></center><br>
<div style="overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
<td>
<center><br><div style="color: #fff;
background-color: #b44a4b;
border-radius: 15px;
width: 190px;
padding: 3px;"><b>- ПРОЧЕЕ-</b></div></center><br>
<div style=" overflow-x: auto;
width: 235px;
height: 130px;
border: 1px solid #b44a4b;
border-radius: 0px 0px 0px 0px;
background-color: #edf5f6;
letter-spacing: 0px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
font-family: cuprum;
padding-top: 2px;">
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
<br><b>Ваша Должность</b> — <a href="ссылка">ник</a>
</div>
</td>
</tr>
</table>
<div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 3.5em"><pre><b>ваша должность</b> - <a href="ссылка на профиль">ваш ник</a></br></pre></div></div></div>
<br><br><br><br><br>
</center>
</div>
</div>
</div>
</center>
