Код:
<!--HTML-->
<div id="guest-book-main">
<div class="guest-book-title">ДОБРО ПОЖАЛОВАТЬ!</div>
<br><p class="guest-book-description-txt" style="position: relative; top: 58px; left: 225px; color: #d9d6cd; text-transform: uppercase;">Мы рады приветствовать вас на Таймс-Сквер</p>
<div class="guest-book-description">
<div class="guest-book-description-txt">
Ролевая живет в режиме <b>реального времени</b>, сейчас на календаре <b>август 2020 года</b>.
Обитаем мы в городе Нью-Йорк, но проживать и вести игру можно в любой точке мира.
Тип игры эпизодический; сюжет отсутствует; мастеринг пассивный; рейтинг NC-17 (NC-21).
<br>
<br>По вопросам можно обращаться к: <a href="http://timess.rusff.me/profile.php?id=3">Джейд</a>, <a href="http://timess.rusff.me/profile.php?id=4">Камилле</a>, <a href="http://timess.rusff.me/profile.php?id=5">Фрэнку</a>
<br>
<br>Если вы ознакомились с <a href=http://timess.rusff.me/viewtopic.php?id=4#p4>правилами</a> и <a href=http://timess.rusff.me/viewtopic.php?id=5#p5>свободными внешностями</a>, то мы будем рады придержать для вас кого-нибудь. </div>
<br>
<br><div class="guest-book-description-txt" style="width: 168px; margin-top: -15px;">Внешности придерживаются на <b>3 дня</b> включительно, после истечения срока можно продлить еще на <b>3</b> (итого максимальный срок — <b>6 дней</b> подряд).</div>
<br>
<br><div class="guest-book-description-txt" style="width: 220px; margin-top: -20px;">Не забываем вставлять шаблон в код <img src="http://sd.uploads.ru/qs9KU.png"></div>
</div>
<div class="guest-book-face">
<div class="guest-book-face-data">ЗАБРОНИРОВАНЫ:</div>
<p class="face-list">
<br>Kaya Scodelario || Tess Shelby до <b>11.08</b>
<br>Holliday Grainger || Patricia Cobb до <b>11.08</b>
<br>Machine Gun Kelly || Donovan до <b>12.08</b>
<br>Katie McGrath || ams
<br>Natalie Portman || ams
<br>Nina Dobrev || ams
<br>Jesse Lee Soffer || ams
<br>Joel Kinnaman || ams
<br>Reese Witherspoon || ams
<br>Daniel Craig || ams
<br>Richard Madden || ams
<br>Teresa Palmer || ams
<br>Michiel Huisman || ams
<br>Adria Arjona || ams
</p>
<div class="face-code" title="код копируется при нажатии на кнопку">
<strong class="legend"><a href="javascript://" class="face-code-a" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">Придержать</a></strong>
<div class="blockcode">
<div class="scrollbox-2" style="height: 4.5em; color: #717f61;"><pre style="font-size: 0px;"><br>имя внешности || ваше имя до <b>дд.мм</b></pre>
</div></div></div></div>
</div></div>
<style>
#guest-book-main {
width: 690px;
height: 485px;
background-size: 100%;
background-image: url(https://i.imgur.com/ztuXt1r.png);
margin-top: -10px;
}
.guest-book-title {
font-family: Franklin Gothic Medium;
font-size: 18px;
position: relative;
left: 250px;
top: 70px;
color: #e4e2dc;
letter-spacing: 1px;
text-transform: uppercase;
}
.guest-book-description {
float: left;
width: 288px;
height: auto;
position: relative;
left: 55px;
top: 75px;
}
.guest-book-description-txt {
font-size: 10px!important;
font-family: tahoma;
color: #4e5a41;
line-height: 160%;
line-height: 160%;
}
.guest-book-face {
float: left;
width: 250px;
height: auto;
position: relative;
left: 105px;
top: 80px;
}
.guest-book-face-data {
width: 225px;
background-color: #829370;
color: #d9d6cd;
text-transform: uppercase;
padding: 5px;
}
.face-code {
width: 150px;
height: 80px;
position: relative;
left: 85px;
top: 60px;
}
.face-code-a {
background-color: #5688d0;
color: #ffb9bd!important;
text-transform: uppercase;
padding: 5px 15px 5px 15px;
}
.face-list {
width: 230px;
height: 164px;
overflow-y: scroll;
font-size: 11px;
font-family: tahoma;
color: #4e5a41;
top: 5px;
left: 2px;
position: relative;
padding: 0px 5px 0px 5px;
font-size: 11px!important;
}
.face-list::-webkit-scrollbar { width: 4px; }
.face-list::-webkit-scrollbar-track { background-color: #717f61; }
.face-list::-webkit-scrollbar-thumb { background-color: #cdb832; }
</style>













