Код:
<!--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>