Ночной страж гостевой, мелкая графика.
Конкурсных дел мастер. Еще не участвуешь? Тогда он идёт к тебе.
Ответит на вопросы, поставит плашку, закодит кодики, оргтемит оргтемы.
Главный чистильщик; бдит в оргтемах, отвечает на вопросы.
По всем вопросам. Вообще по всем, серьёзно.
Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
<div id="guest-main">
<p class="guest-title">ДОБРО ПОЖАЛОВАТЬ!</p><br>
<p class="guest-title-2">МЫ РАДЫ ПРИВЕТСТВОВАТЬ ВАС НА ТАЙМС-СКВЕР</p>
<div class="bron1"><p class="bronn1">ПРИДЕРЖАНЫ ЗА ГОСТЯМИ</p></div><div class="guest-list1">
<guest-name> jeffery dean morgan || кэт <guest-data>31.05</guest-data></guest-name>
</div>
<div class="bron2"><p class="bronn2">ВЫКУПЛЕНЫ ИГРОКАМИ</p></div>
<div class="guest-list2">
<guest-name>Lucy Boyton|| MC <guest-data>31.05</guest-data></guest-name>
<guest-name>Edgar Ramirez || ams <guest-data>14.06</guest-data></guest-name>
<guest-name>manny montana || ams <guest-data>14.06</guest-data></guest-name>
</div>
<div class="guest-description">
<p class="guest-description-text">
Ролевая живет в режиме <b>реального времени</b>, сейчас на календаре <b>лето 2022 года</b>.
Обитаем мы в городе Нью-Йорк, но проживать и вести игру можно в любой точке мира.
<br>
<br>Тип игры эпизодический; сюжет отсутствует; мастеринг пассивный; рейтинг NC-21; открывались без теста. Отзывы о нашей ролевой можно найти здесь: <a href="https://rpgtop.su/comm/26304/1.htm#addcomm">RPG Top</a> и <a href="https://forum-top.ru/forum/tmsqr.ru#vote:ok">Forum Top</a>.
<br>
<br>По вопросам можно обращаться к: <a href="https://tmsqr.ru/profile.php?id=71">Грэму</a>, <a href="https://tmsqr.ru/profile.php?id=36">Крису</a>, <a href="https://tmsqr.ru/profile.php?id=465">Андреа</a>, <a href="https://tmsqr.ru/profile.php?id=5">Алексу</a> и <a href="https://tmsqr.ru/profile.php?id=877">Хавьеру</a>.
<br>
<br>Внешность за <b>гостями</b> держим <b>сутки</b>. Внешности за <b>зарегистрированными</b> пользователями придерживаются на <b>трое суток включительно</b> с возможностью продления один раз еще на трое суток. Если вы не укладываетесь в этот срок, то снова внешность можно будет придержать спустя одни сутки сроком на трое суток. Далее внешность за вами не придерживается.<br>
<b>Игроки</b> могут <b>выкупить</b> внешность. Подробности в магазине.
<br><b>Заявки</b> придерживают заказчики.
<br>
<br>Не забываем <b>вставлять шаблон в код</b> и кидать ссылку на магазин, если у вас выкуп <img src="http://sd.uploads.ru/qs9KU.png">
</p>
<div id="text1" style="font-size: 0px;">
<pre><guest-name>имя внешности || ваше имя <guest-data>дд.мм</guest-data></guest-name></pre>
</div>
<button onclick="copytext('#text1')" class="face-code-guest" title="нажми, чтобы скопировать код">скопировать шаблон</button>
</div>
</div>
<style>
#guest-main {
width: 880px;
height: 637px;
/* background: url(https://forumstatic.ru/files/001a/db/bb/85797.png); */
background-size: 100%;
/* margin-top: -15px; */
margin-left: 1px;
border-bottom: 1px solid #5c5066;
border-left: 1px solid #5c5066;
border-right: 1px solid #5c5066;
border-top: 1px solid #5c5066;
padding-top: 90px;
background: #7d6f88;
}
.guest-title {
position: relative;
top: -70px;
left: 343px;
font-family: roboto;
font-size: 16px!important;
color: #ffffff;
font-weight: bold;
}
.guest-title-2 {
position: relative;
top: -93px;
left: 245px;
color: #5c5066;
text-transform: uppercase;
font-size: 11px!important;
background: #f7f7f7;
width: 350px;
text-align: center;
height: 5px;
border-radius: 30px;
}
.guest-list1 {
width: 374px;
height: 270px;
position: relative;
left: 430px;
top: 0px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 32px;
padding-left: 10px;
/* border-radius: 30px; */
border-bottom: 1px solid #5c5066;
border-top: 1px solid #5c5066;
border-left: 1px solid #5c5066;
border-right: 1px solid #5c5066;
padding-top: 15px;
background-color: #f4f4f4;
}
.guest-list2 {
width: 375px;
height: 120px;
position: relative;
left: 430px;
/* top: 40px; */
overflow-y: auto;
overflow-x: hidden;
padding-right: 32px;
background-color: #f4f4f4;
padding-left: 10px;
border-bottom: 1px solid #5c5066;
border-top: 1px solid #5c5066;
border-left: 1px solid #5c5066;
border-right: 1px solid #5c5066;
padding-top: 15px;
}
guest-name {
font-size: 12px;
font-family: 'Roboto Black';
text-transform: uppercase;
width: 391px;
height: 15px;
padding-bottom: 7px;
padding-top: 8px;
display: block;
padding-left: 5px;
margin-bottom: 10px!important;
color: #3d3940;
font-weight: bold;
background-color: #dfdfdf;
}
.bronn1, .bronn2 {font-size: 12px!important;
width: 326px;}
.bron1 {
font-size: 12px;
font-family: 'Roboto Black';
text-transform: uppercase;
background-color: #f4f4f4;
width: 382px;
height: 10px;
padding-bottom: 12px;
padding-top: 4px;
display: block;
padding-left: 35px;
margin-bottom: 10px!important;
color: #3d3940;
letter-spacing: 0.5px;
font-weight: bold;
margin-left: 430px;
text-align: center;
position: relative;
margin-top: -55px;
border: 1px solid #5c5066;
}
.bron2 {
font-size: 12px;
font-family: 'Roboto Black';
text-transform: uppercase;
background-color: #f4f4f4;
width: 382px;
height: 10px;
padding-bottom: 12px;
padding-top: 4px;
display: block;
padding-left: 35px;
margin-bottom: 10px!important;
color: #3d3940;
letter-spacing: 0.5px;
font-weight: bold;
margin-left: 430px;
text-align: center;
margin-top: 10px;
border: 1px solid #5c5066;
}
guest-name a, .guest-description-text a {
color: #7d6f88!important;
}
guest-name::before {
content: url(https://i.imgur.com/86tiLp6.png);
padding-right: 10px;
margin-left: 3px;
}
guest-data {
position: relative;
top: -19px;
left: 346px;
background-color: #5c5066;
width: 40px;
font-weight: bold;
font-size: 11px;
padding: 5px 5px 5px 6px;
display: block;
color: #fbfbfb;
text-align: center;
}
.guest-description {
width: 400px;
height: 595px;
position: relative;
top: -274px;
left: 40px;
}
.guest-description-text {
width: 320px;
color: #3d3940;
font-size: 12px!important;
margin-left: -12px!important;
margin-top: -236px!important;
overflow: auto;
height: 525px;
padding: 20px 20px 0 20px!important;
background: #f4f4f4;
/* border-radius: 30px; */
border-bottom: 1px solid #5c5066;
border-top: 1px solid #5c5066;
border-left: 1px solid #5c5066;
border-right: 1px solid #5c5066;
}
.face-code-guest {
width: 180px;
/* height: 30px; */
position: relative;
left: 390px;
top: -24px;
background-color: #f4f4f4;
color: #3d3940!important;
text-transform: uppercase;
padding: 5px 15px 5px 15px;
font-size: 10px;
outline: none;
font-weight: bold;
cursor: pointer;
border: 1px solid #5c5066;
}
.face-code-guest:hover {
background-color: #dfdfdf;
}
.guest-list1::-webkit-scrollbar { width: 5px; }
.guest-list1::-webkit-scrollbar-track {background-color: #f9f9f9;}
.guest-list1::-webkit-scrollbar-thumb { background-color: #f7be6c;}
.guest-list2::-webkit-scrollbar { width: 5px; }
.guest-list2::-webkit-scrollbar-track {background-color: #f9f9f9;}
.guest-list2::-webkit-scrollbar-thumb { background-color: #f7be6c;}
.guest-description-text::-webkit-scrollbar { width: 5px; }
.guest-description-text::-webkit-scrollbar-track {background-color: #e9e9e8;}
.guest-description-text::-webkit-scrollbar-thumb { background-color: #f7be6c;}
</style>
<script>
function copytext(el) {
var $tmp = $("<input>");
$("body").append($tmp);
$tmp.val($(el).text()).select();
document.execCommand("copy");
$tmp.remove();
}
</script>
