Код:
<!--HTML-->
<div class="time-search-main1">
<p class="time-search-title1">НУЖНЫЕ ПЕРСОНАЖИ</p>
<div class="time-search-description1">
В этой теме вы можете написать заявку на нужного персонажа.<br><br>
Все заявки игроки бронируют сами, сроки бронирования тоже устанавливают сами, бронирование внешностей происходит в гостевой отдельно. Если вы хотите выкупить внешность для своей заявки, чтобы ее не занял никто вне заявки - сделать это можно в магазине. Список забронированных внешностей находится в гостевой. Если внешность не забронирована в гостевой, но на нее есть заявка, то внешность можно брать вне заявки. Заявки с занятыми игроками внешностями уносятся в архив. <b>Обратите внимание: вы можете разрешить игроку прийти по заявке  без поста <br>и по упрощенке, это два последних пункта в шаблоне.</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-time1">забрать код</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-main1 {
    width: 650px;
    border: 1px solid #383838;
    position: relative;
    margin-left: 15px;
    height: 300px;
    top: 20px;
}

.time-search-description1 {
    width: 450px;
    position: relative;
    font-family: arial;
    font-size: 11px;
    color: #383838;
    text-align: center;
    left: 100px;
    border: 1px solid #383838;
    padding: 10px;
    background: #f6f8f7;
}

.time-search-title1 {
    font-family: 'PT Mono';
    font-size: 21px!important;
    position: relative;
    top: -17px;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-weight: bold;
    color: #dc3d25;
    text-align: center;
    width: 230px;
    background: #ececec;
    left: 215px;
    padding-left: 4px!important;
}

.code-box-time1 {
    position: absolute;
    top: 285px;
    left: 275px;
    background: #ececec;
    padding: 6px;
    border: none;
    outline: none;
    font-size: 13px;
    color: #dc3d25;
    text-transform: lowercase;
    font-weight: bold;
    cursor: copy;
    font-family: 'PT Mono';
}

.code-box-time1:hover {
background: #dc3d25;
    border: none;
    cursor: copy;
    color: #ececec;
}

.code-box-time1:active {
    background-color: #383838;
    color: #ececec;
}

</style>

[indent=1,0]
[indent=1,0]