Код:
<!--HTML-->
<div class="guestbook">
<div class="guestbooktop">
<div class="guestcover">
<span>загадка дыры</span>
<span class="info">городская мистика — nc-17 — эпизоды — уистлер, канада</span>
<div>Добро пожаловать в Уистлер, лучшее место для активного отдыха с друзьями и семьей. Проходите за мной, я быстренько расскажу Вам про самые интересные места города…Что-что? Какая тварь? А, это. Не кричите так громко, и не обращайте внимания на пробегающие мимо ваших ног тени, это просто, кажется, один из мелких поганцев - держите крепче свою сумку и следите за тем, чтобы дети не играли с ними, если не хотите оставить свое чадо без пальцев. Шутка, конечно же. Или просто старая страшилка, Вы услышите нечто подобное от каждого местного. Итак, на чем мы остановились? Да, у нас для каждого найдется занятие по вкусу: каток, горные лыжи, бассейн в комплексе, массаж, бары и рестораны, велопрогулки и релакс на берегах озер летом, гонки на снегоходах зимой…Только не заходите далеко в лес, и не гуляйте слишком близко к старым шахтам. Это не самые лучшие маршруты, можно наткнуться на медведей, байкеров, на постоянно трущихся тут и там уфологов, а может быть и на то, что они так активно ищут в наших краях…И не угадаешь сразу, что из этого опаснее. Но, если вы будете соблюдать правила и не станете совать нос, куда не следует – это будет самый замечательный отдых в вашей (не)долгой жизни!</div>
</div>
</div>
<div class="faces_names">
<div class="guestblock"> внешности
<div>
<span>adelaide kane / <a href="https://holetest.rusff.me/profile.php?id=20">потеряшка</a></span>
<span>alexa demie / <a href="https://holetest.rusff.me/profile.php?id=44">жена гуфа</a></span>
<span>asa butterfield / <a href="https://holetest.rusff.me/profile.php?id=50">парниша</a></span>
<span>ana de armas / <a href="ссылка">амс</a></span>
<span>annalise basso / <a href="https://holetest.rusff.me/profile.php?id=8">шаурма</a></span>
<span>aron piper / <a href="https://holetest.rusff.me/profile.php?id=49">беляш</a></span>
<span> ben barnes / <a href="https://holetest.rusff.me/profile.php?id=46">dysfunctional</a></span>
<span>benjamin wadsworth/ <a href="https://holetest.rusff.me/profile.php?id=9">фермер</a></span>
<span>benedetta gargari / <a href="https://holetest.rusff.me/profile.php?id=30">ондатра</a></span>
<span>bill skarsgard / <a href="https://holetest.rusff.me/profile.php?id=3">queen</a><sup>need</sup></span>
<span>blake lively / <a href="https://holetest.rusff.me/profile.php?id=33">кофи</a></span>
<span> brenton thwaites / <a href="https://holetest.rusff.me/profile.php?id=58">пирокинезис</a></span>
<span>brendon urie / <a href="https://holetest.rusff.me/profile.php?id=5">никотинка</a></span>
<span>bryan dechart / <a href="https://holetest.rusff.me/profile.php?id=29">stranger</a></span>
<span>cara delevingne / <a href="https://holetest.rusff.me/profile.php?id=34"> cadillac.mp4</a></span>
<span>casey deidrick / <a href="https://holetest.rusff.me/profile.php?id=6">а вы живы?</a></span>
<span>cate blanchett / <a href="https://holetest.rusff.me/profile.php?id=64">сибарит</a></span>
<span>charlie hunnam / <a href="https://holetest.rusff.me/profile.php?id=12">кукукуруза</a></span>
<span>chris wood / <a href="https://holetest.rusff.me/profile.php?id=22"> джиперс криперс</a></span>
<span> cody fern / <a href="https://holetest.rusff.me/profile.php?id=36">i see you</a></span>
<span>crystal reed / <a href="https://holetest.rusff.me/profile.php?id=17">марь иванна</a></span>
<span> dacre montgomery / <a href="https://holetest.rusff.me/profile.php?id=41">жигани, братан!</a></span>
<span> dan stevens / <a href="https://holetest.rusff.me/profile.php?id=53">brittle bones</a></span>
<span>danielle campbell / <a href="https://holetest.rusff.me/profile.php?id=39">психушка</a></span>
<span> danna paola / <a href="https://holetest.rusff.me/profile.php?id=47">антананариву</a></span>
<span>deborah ann woll / <a href="https://holetest.rusff.me/profile.php?id=32">эльфийская песнь</a></span>
<span>eiza gonzalez / <a href=https://holetest.rusff.me/profile.php?id=18">лисичка</a></span>
<span>emma mackey / <a href="https://holetest.rusff.me/profile.php?id=16">радуга</a></span>
<span> emmy rossum / <a href="https://holetest.rusff.me/profile.php?id=70">asphyxia</a></span>
<span>ester exposito / <a href="https://holetest.rusff.me/profile.php?id=3">queen</a></span>
<span> finn wolfhard / <a href="https://holetest.rusff.me/profile.php?section=avatar&id=45">шершняга</a></span>
<span>florence pugh / <a href="https://holetest.rusff.me/profile.php?id=11">born to die</a></span>
<span>gavin leatherwood / <a href="https://holetest.rusff.me/profile.php?id=30"> ондатра</a></span>
<span>godfrey gao / <a href="https://holetest.rusff.me/profile.php?id=50">парниша</a></span>
<span>hale appleman / <a href="https://holetest.rusff.me/profile.php?id=28">уныние</a> </span>
<span> henry cavill / <a href="https://holetest.rusff.me/profile.php?id=54">морфий</a></span>
<span> jacob elordi / <a href="https://holetest.rusff.me/profile.php?id=43">а все уже</a></span>
<span>jake gyllenhaal / <a href="https://holetest.rusff.me/profile.php?id=26">меладзе</a></span>
<span> james mcavoy / <a href="https://holetest.rusff.me/profile.php?id=52">jaskier</a></span>
<span> jeffrey dean morgan / <a href="https://holetest.rusff.me/profile.php?id=51">бешеный</a></span>
<span> jessica chastain / <a href="https://holetest.rusff.me/profile.php?id=66">бавария</a></span>
<span>jodie comer / амс</span>
<span>joel kinnaman / <a href="https://holetest.rusff.me/profile.php?id=23">no comprende</a></span>
<span>jon bernthal / <a href="https://holetest.rusff.me/profile.php?id=19">ангел</a></span>
<span>katherine mcnamara / амс</span>
<span> kiernan shipka / <a href="https://holetest.rusff.me/profile.php?id=57">obscure</a></span>
<span>kj apa / амс</span>
<span>lauren german / <a href="https://holetest.rusff.me/profile.php?id=3">queen</a></span>
<span>lee pace / <a href="https://holetest.rusff.me/profile.php?id=24">chris</a></span>
<span>lili reinhart / амс</span>
<span>madelaine petsch / <a href="https://holetest.rusff.me/profile.php?id=6">а вы живы?</a></span>
<span> mads mikkelsen / <a href="https://holetest.rusff.me/profile.php?id=68">майор</a></span>
<span>martin freeman / <a href="https://holetest.rusff.me/profile.php?id=72">эдельвейс</a></span>
<span>mary elizabeth winstead / <a href="https://holetest.rusff.me/profile.php?id=59">чипсеки</a></span>
<span>matthew daddario / <a href="https://holetest.rusff.me/profile.php?id=21">вредина</a></span>
<span> michael fassbender / <a href="https://holetest.rusff.me/profile.php?id=62">джон</a></span>
<span>michele morrone / <a href="ссылка">амс</a></span>
<span>milena tscharntke / <a href="https://holetest.rusff.me/profile.php?id=27">маленький принц</a></span>
<span>natalie dormer / <a href="https://holetest.rusff.me/profile.php?id=42">гештальт</a></span>
<span>naya rivera / <a href="https://holetest.rusff.me/profile.php?id=5">никотинка</a></span>
<span>nina dobrev / <a href="https://holetest.rusff.me/profile.php?id=25">винчестер</a></span>
<span>pablo schreiber / <a href="https://holetest.rusff.me/profile.php?id=13">ой больно</a></span>
<span>percy hynes white / <a href="https://holetest.rusff.me/profile.php?id=48">chester</a></span>
<span>phoebe tonkin / <a href="https://holetest.rusff.me/profile.php?id=4">sweet but psycho</a></span>
<span> river phoenix / <a href="https://holetest.rusff.me/profile.php?id=65">водка пиво</a></span>
<span>robbie amell / <a href="https://holetest.rusff.me/profile.php?id=18">лисичка</a></span>
<span>robert pattinson / <a href="https://holetest.rusff.me/profile.php?id=10">sraka</a></span>
<span> ryan gosling / <a href="https://holetest.rusff.me/profile.php?id=56">лидер</a></span>
<span>saoirse ronan / <a href="https://holetest.rusff.me/profile.php?id=31">центавр</a></span>
<span> sebastian stan / <a href="https://holetest.rusff.me/profile.php?id=37">пироман</a></span>
<span>simone simons / <a href="https://holetest.rusff.me/profile.php?id=67">Корона</a></span>
<span>sofia carson / <a href="https://holetest.rusff.me/profile.php?id=4">sweet but psycho</a></span>
<span>skeet ulrich / <a href="https://holetest.rusff.me/profile.php?id=71 "> hypoxia</a></span>
<span> skeet ulrich / <a href="https://holetest.rusff.me/profile.php?id=70">asphyxia</a></span>
<span>sophie turner / <a href="https://holetest.rusff.me/profile.php?id=15">попутчик нужен?</a></span>
<span>taylor swift / <a href="https://holetest.rusff.me/profile.php?id=35">белое полусладкое</a></span>
<span>timothy omundson / <a href="https://holetest.rusff.me/profile.php?id=14">Как-то так</a></span>
<span>tom ellis / <a href="https://holetest.rusff.me/profile.php?id=3">queen</a><sup>need</sup></span>
<span> tom holland / <a href="https://holetest.rusff.me/profile.php?id=55">holy</a></span>
<span> zoe kravitz / <a href="https://holetest.rusff.me/profile.php?id=60">кактус</a> </span>
</div>
</div>
<div class="guestblock"> имена и фамилии
<div>
<span>adam blackwood / <a href="https://holetest.rusff.me/profile.php?id=14">Как-то так</a></span>
<span>avek zilberstein / <a href="https://holetest.rusff.me/profile.php?id=41">жигани, братан!</a></span>
<span>alexander cardenas / <a href="https://holetest.rusff.me/profile.php?id=29">stranger</a></span>
<span>amberlyn deveraux / <a href="https://holetest.rusff.me/profile.php?id=4">sweet but psycho</a></span>
<span>billy hopper / <a href="https://holetest.rusff.me/profile.php?id=15">попутчик нужен?</a></span>
<span> cain nightingale / <a href="https://holetest.rusff.me/profile.php?id=36"> i see you</a></span>
<span>camilla bellweather / <a href="https://holetest.rusff.me/profile.php?id=4">sweet but psycho</a></span>
<span> esmeralda (esme) o'connell / <a href="https://holetest.rusff.me/profile.php?id=60">кактус</a></span>
<span>eva blackwell / <a href="https://holetest.rusff.me/profile.php?id=25">винчестер</a></span>
<span>chester miller / <a href="https://holetest.rusff.me/profile.php?id=48">chester</a></span>
<span>helena bellweather / <a href="https://holetest.rusff.me/profile.php?id=6">а вы живы?</a></span>
<span> isaac (ezekiel) o'connell / <a href="https://holetest.rusff.me/profile.php?id=50">парниша</a></span>
<span>james barlow / <a href="https://holetest.rusff.me/profile.php?id=6">а вы живы?</a></span>
<span> jane austin / <a href="https://holetest.rusff.me/profile.php?id=34">cadillac.mp4</a></span>
<span>kyle stark / <a href="https://holetest.rusff.me/profile.php?id=50">парниша</a></span>
<span>lilith norman / <a href="https://holetest.rusff.me/profile.php?id=30"> ондатра</a></span>
<span>narcissa barlow / <a href="https://holetest.rusff.me/profile.php?id=3">queen</a></span>
<span> nathan croft / <a href="https://holetest.rusff.me/profile.php?id=30"> ондатра</a></span>
<span> nora holter / <a href="https://holetest.rusff.me/profile.php?id=64">сибарит</a></span>
<span>maria sheffield / <a href="https://holetest.rusff.me/profile.php?id=5">никотинка</a></span>
<span> mothra sin / <a href="https://holetest.rusff.me/profile.php?id=42">гештальт</a></span>
<span>peter mccoy / <a href="https://holetest.rusff.me/profile.php?id=18">лисичка</a></span>
<span>ruby ryde / <a href="https://holetest.rusff.me/profile.php?id=18">лисичка</a></span>
<span>samantha pierce / <a href="https://holetest.rusff.me/profile.php?id=16">радуга</a></span>
<span>shannon lopez / <a href="https://holetest.rusff.me/profile.php?id=5">никотинка</a></span>
<span> skeet / <a href="https://holetest.rusff.me/profile.php?id=58">пирокинезис</a></span>
<span>teresa stark / <a href="https://holetest.rusff.me/profile.php?id=3">queen</a></span>
<span>thomas halloran <a href="https://holetest.rusff.me/profile.php?id=21">вредина</a> </span>
<span> wilhelmine "billie" fitzgerald / <a href="https://holetest.rusff.me/profile.php?id=59">чипсеки</a></span>
</div>
</div>
</div>
<div class="guestrules">
— в игру принимаются только [!!!] люди. как бы вам ни хотелось поиграть за монстра, они остаются нпс. <br>
— внешности придерживаются только за зарегистрированными пользователями. всё, что вам нужно делать, чтобы сохранить её за собой до открытия - появляться на форуме один раз в 3 дня, в противном случае внешность может быть передана более расторопному товарищу. то же самое касается имён и фамилий.<br>
— вы можете придержать внешность, имя и фамилию сразу для двух персонажей. о третьем, пятом и сорок шестом твине поговорим уже после открытия форума [спойлер: больше твинков богу твинков, окей?]<br>
— придержать внешность для нужного персонажа до открытия можно при наличии полноценной заявки в специальной теме. это удовольствие обойдется вам в 30 реклам и придержать её можно в этой же теме, приложив ссылку на рекламные посты.<br>
— стать частью спортивной команды или городской общины можно в этой же теме, просто изъявив своё желание. кроме того, если вам хочется создать собственную ассоциацию конспирологов или секту имени игоря катамаранова, вы можете обратиться в личные сообщения к АМС.
</div>
<div class="guestbookbottom">
<div class="guestcode"><strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">Выделить код</a></strong><div class="blockcode"><div class="scrollbox"><pre>имя Фамилия внешности на англ. / <a href="ссылка_на_профиль">ник</a></pre></div></div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Nunito:wght@400;600;700;800&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.guestbook {
background:#e7e7e7;
width: 550px;
border: 20px solid #e7e7e7;
margin: auto;
position: relative
}
.guestbooktop {
background: url(https://forumupload.ru/uploads/001a/da/fe/2/546488.png) no-repeat top center;
background-size: cover;
clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 25px), 0% 100%);
width: 100%;
height: 100%
}
.guestcover {
background: rgba(0,0,0,.25);
height: 100%;
color: #d3d2d2;
text-shadow: 1px 1px 1px #000;
padding: 20px 20px 50px 20px;
text-align: justify
}
.guestcover span {
display: block;
text-align: center;
font: normal 30px tinos;
text-transform: uppercase;
letter-spacing: 5px;
border: 1px solid rgba(255,255,255,.1);
padding: 10px 0
}
.guestcover .info {
font: 500 7px nunito;
background: rgba(0,0,0,.5);
padding: 5px 10px;
margin: 10px 0;
border: 0;
letter-spacing: 2px
}
.guestcover div {
font: 500 11px/18px nunito;
padding-right: 5px;
overflow-y: auto;
max-height: 106px
}
.faces_names {
margin-top: 15px;
display: flex;
justify-content: space-between
}
.guestblock {
font: 800 13px nunito;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
width: 270px;
}
.guestblock > div {
overflow-y: auto;
max-height: 150px
}
.guestblock span {
font: 500 10px nunito;
text-transform: none;
letter-spacing: 0px;
display: block;
margin: 5px
}
.guestblock span:first-child {
margin-top: 10px
}
.guestrules {
margin: 16px 5px 0 5px;
font: 500 10px/16px nunito;
border-top: 1px solid rgba(0,0,0,.2);
padding-top: 16px
}
.guestbookbottom {
background: url(https://forumstatic.ru/files/001a/da/fe/37503.jpg) no-repeat bottom right;
background-size: cover;
clip-path: polygon(0% 25px, 100% 0%, 100% 100%, 0% 100%);
width: 100%;
height: 100px;
margin-top: 15px
}
.guestcode {
top: 30px;
position: relative;
width: calc(100% - 30px);
margin: auto
}
.guestbookbottom .blockcode {background: rgba(0,0,0,.8);
padding: 35px 0 10px 0;
color: #d3d2d2;
text-align: center;
}
.guestbookbottom strong.legend {
color: #e7e7e7;
background: #444853;
font-family: nunito;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
padding: 3px 0px;
margin-top: 5px !important;
margin-left: 5px;
position: absolute;
display: block;
width: calc(100% - 10px);
text-align: center
}
.guestbookbottom .legend a {color: #e7e7e7}
.guestbookbottom .legend a:hover {color: #888}
.guestbookbottom .scrollbox{width: auto !important;}
.guestbookbottom pre {font-family: montserrat !important;
font-size: 9px;
}
</style>
