Код:
<!--HTML-->
<div class="time-search-main">
<p class="time-search-title">НУЖНЫЕ ПЕРСОНАЖИ</p>
<div class="time-search-description">
В этой теме вы можете написать заявку на нужного персонажа.<br><br>
Все заявки игроки бронируют сами, сроки бронирования тоже устанавливают сами, бронирование внешностей происходит в гостевой отдельно. Если вы хотите выкупить внешность для своей заявки, чтобы ее не занял никто вне заявки - сделать это можно в банке. Список забронированных внешностей находится в гостевой. Если внешность не забронирована в гостевой, но на нее есть заявка, то внешность можно брать вне заявки. <b>Обратите внимание: вы можете разрешить игроку прийти по заявке  без поста и по упрощенке, это два последних пункта в шаблоне.</b><br><br>
Одна заявка — одно сообщение.
<br></center>
</div>

<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="code-box-time">забрать код</button></a></strong><div style="height: 20px; font-size: 0px;"><pre><span>[</span>align=center<span>]</span>
<span>[</span>size=26<span>]</span><span>[</span>font=Georgia<span>]</span>— Имя Фамилия, возраст —<span>[</span>/font<span>]</span>
<span>[</span>/size<span>]</span>
<span>[</span>size=10<span>]</span>— в пару / в семью / ваш вариант —<span>[</span>/size<span>]</span>
<span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span> <span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span>
<span>[</span>size=10<span>]</span>— внешность на английском —<span>[</span>/size<span>]</span>
<span>[</span>/align<span>]</span>
<span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span><span>[</span>size=16<span>]</span>— О ПЕРСОНАЖЕ —<span>[</span>/size<span>]</span><span>[</span>/font<span>]</span><span>[</span>/align<span>]</span>
<span>[</span>table layout=fixed width=100%<span>]</span>
<span>[</span>tr<span>]</span>
<span>[</span>td width=10%<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>td width=80%<span>]</span>
Ваш текст.
Пробный пост в анкете: обязателен/желателен/не нужен.
Полная анкета: обязательно/желательно/можно заполнить упрощенку без био.
<span>[</span>/td<span>]</span>
<span>[</span>td width=10%<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>/tr<span>]</span>
<span>[</span>/table<span>]</span></pre></div>

</div>

<style>
.time-search-main{
width: 650px;
height: 399px;
background-image: url(https://i.imgur.com/NXapxVx.png);
background-repeat: no-repeat;
background-size: 100%;
margin-top: -14px;
    margin-left: -10px;
}

.time-search-description {
width: 450px;
    height: auto;
    background: #ebc0a299;
    outline: 2px solid #da8155;
    outline-offset: -2px;
    position: relative;
    left: 95px;
    top: 100px;
    font-family: arial;
    font-size: 11px;
    padding: 10px;
    color: #86482a;
}

.time-search-title {
    font-family: Roboto Condensed;
    font-size: 21px!important;
    position: relative;
    left: 275px;
    top: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f3f3f3;
}

.code-box-time {
position: relative;
    top: 130px;
    left: 270px;
    background: #ebc0a299;
    padding: 6px;
    border: 1px solid #d5732d;
    outline: none;
    font-size: 11px;
    color: #86482a;
    text-transform: uppercase;
    font-weight: bold;
    cursor: copy;
}

.code-box-time:hover {
    background: #f3f3f3;
    border: 1px solid #657163;
    cursor: copy;
}

.code-box-time:active {
    background-color: #657163;
    color: #f3f3f3;    }

</style>