[html]<center>
<div class="gostevaya">
<div class="datavnex"><!-- ПРИДЕРЖАЛКИ ВНЕШЕК ---------------------------------------->
<!------------------------------------------------------- БЛОК 1 - копируется по датам -------->
<div class="datas">по 25.09</div><div class="datastext "><!----------- ВНЕШКИ -------->
Микки ‣ ‣ ‣ <a href="">Ester Exposito</a><br>
мир ‣ ‣ ‣ <a href="">Lindsey Morgan</a><br>
мир ‣ ‣ ‣ <a href="">Ivana Baquero</a><br>
<br><!-- ВНЕШКИ конец --> </div><!----------------------------------------- БЛОК 1 конец ---->
<!---------------------- КОНЕЦ ПРИДЕРЖАЛОК ----------------------------------------> </div>
<!---------------------------------------- ИНФОРМАЦИЯ ---------------------------------------->
<div class="gost_info">шарлотт, северная каролина, США | 2019 август-октябрь</div>
<!---------------------------------------- ОГРАНИЧЕНИЯ ---------------------------------------->
<div class="privetik"><img src="http://s9.uplds.ru/ksua9.png">Добро пожаловать на "Offworld"! Рады приветствовать вас здесь. Начнём же наш совместный путь. Первым делом, чтобы присоединиться к нам, необходимо придержать нужную внешность, вписав свой ник по шаблону в список.</div>
<div class="zapret"><img src="http://s9.uplds.ru/ksua9.png">Вы всегда можете продлить бронь на внешность, а также придержать за собой две внешности, коль сомневаетесь в выборе между ними.
<br><img src="http://s9.uplds.ru/ksua9.png">Смело задавайте связанные с проектом вопросы, администрация постарается донести всю информацию как можно подробнее для вас.
<br><img src="http://s9.uplds.ru/ksua9.png">Публикация сообщений от партнерских проектов в гостевой книге запрещена, всё подобные сообщения будут перенесены в соответствующую тему.
<br><img src="http://s9.uplds.ru/ksua9.png">Один игрок-одна роль. Вторую и последующие роли можно взять только после принятия в игру и активного в ней участия.
<br><img src="http://s9.uplds.ru/ksua9.png"> Обратите внимание: способности не придерживаются. Способности повторяться могут, кроме тех, что помечены, как сюжетные или авторские.
</div>
<!------------------- ВИНС -------------------->
<div id="vins">
<div class="admins"><div title="рабочие будни">порочные связи с общественностью и грязный пиар</div></div>
<a href="http://off.rusff.me/profile.php?id=5"><img src="https://i.imgur.com/mzmErfV.png" title="блудный Винс"></a>
</div>
<!------------------- СИРИЛ-------------------->
<div id="siri"><div class="admins"><div title="рабочие будни">введение квестов, модерация тем, координатор отряда Осхильд</div></div>
<a href="http://off.rusff.me/profile.php?id=93"><img src="https://i.imgur.com/mzmErfV.png" title="дедушка Сирил"></a></div>
<!------------------- ЛИС -------------------->
<div id="lis"><div class="admins"><div title="рабочие будни">основной сюжетник и координатор агентов правительства</div></div>
<a href="http://off.rusff.me/profile.php?id=13"><img src="https://i.imgur.com/mzmErfV.png" title="пламенная Лиса"></a></div>
<!------------------- ТЕРРИ -------------------->
<div id="terry"><div class="admins"><div title="рабочие будни">оформление и проверка анкет</div></div>
<a href="http://off.rusff.me/profile.php?id=3"><img src="https://i.imgur.com/mzmErfV.png" title="упрямая Терри"></a></div>
<!------------------- БИЛЛИ -------------------->
<div id="billi"><div class="admins"><div title="рабочие будни">введение квестов, модерация тем</div></div>
<a href="http://off.rusff.me/profile.php?id=90"><img src="https://i.imgur.com/mzmErfV.png" title="сталкер Билли"></a></div>
<!------------------- ЛИРА -------------------->
<div id="lira"><div class="admins"><div title="рабочие будни">основной сюжетник, введение квестов, координатор сопротивления</div></div>
<a href="http://off.rusff.me/profile.php?id=2"><img src="https://i.imgur.com/mzmErfV.png" title="проблемная Лира"></a></div>
<div id="shablon"><form><textarea rovs="18" style="text-align: center; overflow: auto; width: 401px; height: 18px; font-size: 10px; color: #828282; background-color: #181716; border: 1px double #191917; box-shadow: 0px 0px 2px #161616, 0px 0px 2px #181717; name=" text"="" onfocus="this.select()" readonly="">ник ‣ ‣ ‣ <a href="">И.Ф. знаменитости</a><br></textarea></form></div>
</div>
</center>
<style>
/*ГОСТЕВАЯ КНИГА -------------------------------------------------------------*/
.gostevaya{
z-index: 9999;
margin-top: 10px;
width: 1010px;
height: 324px;
background: url(https://i.imgur.com/WexyNNR.png);
}
/* ИНФА ПО ИГРЕ */
.gost_info {
position: absolute;
margin-left: 600px!important;
margin-top: 286px!important;
width: 330px;
height: 16px;
padding-top: 2px;
text-align: justify;
overflow-x: hidden;
color: #c5c5c4;
font-family: Comfortaa;
font-size: 10px;
text-shadow: 0px 0px 2px rgb(119, 119, 119);
}
/* ОГРАНИЧЕНИЯ В ИГРУ */
.zapret {
position: absolute;
margin-left: 40px!important;
margin-top: 100px!important;
width: 336px;
height: 191px;
padding-right: 3px;
padding-left: 2px;
text-align: justify;
overflow-x: hidden;
color: #a7a5a2;
font-family: Arial;
font-size: 11px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
}
.privetik{
position: absolute;
margin-left: 40px!important;
margin-top: 35px!important;
width: 336px;
height: 57px;
padding-right: 3px;
padding-left: 2px;
text-align: justify;
overflow-x: hidden;
color: #a7a5a2;
font-family: Comfortaa;
font-size: 10.5px;
/* line-height: 10px; */
/* text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9); */
}
/* БЕГУНОК В СТОЛБИКЕ ЗАПРЕТОВ
.zapret::-webkit-scrollbar { background: transparent; width: 5px; }
.zapret::-webkit-scrollbar-thumb { background: #090707 top center;
background-position: center;
background-repeat: no-repeat;
background-image: url("https://i.imgur.com/CvQ6Qu6.png");
box-shadow:0 0 6px 0px rgba(41,36,26,1) inset, 0 0 0 1px rgba(41,36,26,1) inset; }
.zapret::-webkit-scrollbar-track { background-color:rgba(10, 8, 6, 0.5); border-color: transparent; }
*/
/* ПРИДЕРЖАЛКИ ВНЕШЕК */
.datavnex{
position: absolute!important;
margin-left: 572px!important;
margin-top: 74px!important;
width: 392px;
height: 118px;
padding-right: 3px;
text-align: justify;
overflow-x: hidden;
font-size: 10.5px;
color: #a7a5a2;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
}
/* ДАТА ПРИДЕРЖАНИЯ */
.datas{
color: #a9a9a9;
font-family: 'Cuprum';
font-size: 12px !important;
font-weight: bold;
padding-top: 3px;
text-align: center;
width: 384px;
background-color: #353535;
}
/* ДАТА ПРИДЕРЖАНИЯ */
.datastext {
margin-left: 10px !important;
margin-top: 3px !important;
padding-bottom: 10px !important;
text-align: justify;
font-family: Comfortaa;
font-weight: bold;
font-size: 11px !important;
}
.datavnex a { color: #96b3b2!important; font-family: Comfortaa!important; font-size: 11px!important; }
#terry{ position: absolute!important; margin-left: 498px !important; margin-top: 165px !important; }
#vins{ position: absolute!important; margin-left: 498px !important; margin-top: 34px !important; }
#lis{ position: absolute!important; margin-left: 498px !important; margin-top: 120px !important; }
#lira{ position: absolute!important; margin-left: 498px !important; margin-top: 250px !important; }
#billi{ position: absolute!important; margin-left: 498px !important; margin-top: 207px !important; }
#siri{ position: absolute!important; margin-left: 498px !important; margin-top: 77px !important; }
/* ШАБЛОН КОДА */
#shablon{ margin-left: 562px !important; margin-top: 201px !important; position: absolute; }
/* ямс, трансформ */
.admins:hover div { transform: translateX(0); }
.admins div {
transition: all .8s ease-in-out 0s;
transform: translateX(99px);
background: url(https://i.imgur.com/rsYyeDq.png);
padding-left: 0px;
padding-top: 5px;
height: 40px;
font-family: Arial !important;
font-size: 10px;
line-height: 8px;
color: #909090;
}
.admins { z-index: 80 !important;
position: absolute; display: block;
margin-left: -102px !important; margin-top: 0px !important;
width: 103px; height: 40px!important;
overflow: hidden; }
</style>
[/html]
