лор
орг
pr
[html]
<div class="guest-book">
<div class="guest-book-fc">
<div class="guest-book-fc-hold">
<div class="gb-fc-title">hold</div>
<div class="gb-fc-items">
<div class="gb-fc-item">Lee Know <a href="https://arkcity.rusff.me/profile.php?id=270">Rin Tisdale</a>
<span>25.11.24</span></div>
<!-- <div class="gb-fc-item"></div> -->
</div>
</div>
<div class="guest-book-fc-sold">
<div class="gb-fc-title">sold</div>
<div class="gb-fc-items">
<div class="gb-fc-item">Elle Fanning <a href="https://arkcity.rusff.me/profile.php?id=218">Терри</a>
<span>∞</span></div>
<div class="gb-fc-item">Henry Cavill <a href="https://arkcity.rusff.me/profile.php?id=193">Нил</a>
<span>∞</span></div>
<div class="gb-fc-item">Hwang Yeji <a href="https://arkcity.rusff.me/profile.php?id=5">Бэт</a>
<span>∞</span></div>
<div class="gb-fc-item">Lucky Blue Smith <a href="https://arkcity.rusff.me/profile.php?id=264">Марк</a>
<span>∞</span></div>
<div class="gb-fc-item">Luke Evans <a href="https://arkcity.rusff.me/profile.php?id=17">Дэвид</a>
<span>∞</span></div>
<div class="gb-fc-item">Rihanna <a href="https://arkcity.rusff.me/profile.php?id=17">Дэвид</a>
<span>∞</span></div>
<!-- <div class="gb-fc-item"></div> -->
</div>
</div>
</div>
<div class="guest-book-info">
<div class="guest-book-intro">
авторский мир || антиутопия || постапокалипсис || 18+
</div>
<div class="guest-book-descr">
2130 год. Перед вами <span>Ковчег</span> — самый современный, развитый и экологичный город-государство Земли
за все
время ее существования. Сохранить этот титул особенно легко, когда большая часть планеты превращена в груды
радиоактивного пепла в ходе Третьей Мировой Войны. Теперь, чтобы выжить и не потерять свое место под
защитным от
радиации куполом, человечеству приходится играть по новым правилам.
<div class="guest-book-nav">
<a href="https://arkcity.rusff.me/viewtopic.php?id=49">сюжет</a>
<a href="https://arkcity.rusff.me/viewtopic.php?id=5">хроники</a>
<a href="https://arkcity.rusff.me/viewtopic.php?id=8">внешности</a>
<a href="https://arkcity.rusff.me/viewtopic.php?id=74">правила</a>
<a href="https://arkcity.rusff.me/viewtopic.php?id=6">шаблон анкеты</a>
</div>
</div>
<div class="guest-book-rule">
Внешность придерживается на <span>3 дня</span> за <span>гостем</span> и на <span>5 дней</span> за <span>зарегистрированным</span>
пользователем. Продление безлимитное.<br>
<span>ВНИМАНИЕ!</span> В связи с участившимся спамом на форуме включена премодерация!
</div>
</div>
</div>
<style>
.guest-book {
position: relative;
width: 900px;
height: 360px !important;
background: url(https://forumstatic.ru/files/0019/eb/83/40982.png);
background-repeat: no-repeat;
font-family: Nunito, sans-serif;
font-size: 11px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 10px;
text-shadow: 1px 0px 1px #00000063 !important;
}
.guest-book-fc {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
width: 325px;
gap: 10px;
}
.guest-book-fc-hold, .guest-book-fc-sold {
display: flex;
background: #dfded51c;
backdrop-filter: blur(12px);
width: 100%;
flex-direction: column;
padding: 10px 0;
box-sizing: border-box;
}
.gb-fc-title {
font-size: 15px;
text-align: center;
color: #c79e89;
font-family: elnath, sans-serif;
margin-bottom: 5px;
}
.gb-fc-items {
display: flex;
height: 130px;
overflow-y: auto;
padding: 0 10px;
flex-direction: column;
gap: 3px;
}
.gb-fc-item {
display: grid;
grid-template-columns: 1fr 100px 60px;
color: #c6bca8;
background: #85645142;
padding-left: 5px;
border-radius: 5px;
align-items: center;
}
.gb-fc-item a, .guest-book-nav a {
color: #ae8c73 !important;
transition-duration: 1s;
}
.gb-fc-item a:hover, .guest-book-nav a:hover {
color: #e2caa6 !important;
}
.gb-fc-item span {
background: #b9927736;
padding: 3px;
border-radius: 5px;
min-width: 55px;
text-align: center;
}
.guest-book-info {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 10px;
width: 530px;
margin-top: 140px;
text-align: justify;
}
.guest-book-intro {
position: absolute;
top: 50px;
right: 40px;
color: #ebd8b8;
text-shadow: 1px 0px 1px #000 !important;
font-family: Prosto One, sans-serif;
}
.guest-book-descr, .guest-book-rule {
background: #dfded51c;
backdrop-filter: blur(12px);
width: 100%;
padding: 10px;
box-sizing: border-box;
color: #c6bca8;
}
.guest-book-descr span, .guest-book-rule span {
font-weight: bold;
color: #e7d1b0;
font-family: Prosto One, sans-serif;
}
.guest-book-nav {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 10px;
}
</style>
[/html][hideprofile]
Внешность <a href="ссылка_на_профиль">Имя</a> <span>00.00.24</span>
Так что берите Лили)
