[hideprofile]
гостевая также выполняет функцию темы "хочу к вам"!
|
|
— роли придерживаются на трое суток. если вы по каким-либо причинам не укладываетесь в срок, вы можете продлить бронь еще три раза. по истечению этих трёх раз, к сожалению, далее держать роль мы не сможем;
— роли освобождаются в 12 дня после указанной в брони даты;
— если интересующая вас роль находится среди нужных — это значит, что роль возможно занять только после одобрения анкеты заявителем;
— мы не придерживаем внешности, не запрещаем вам носить рисованные аватары и ратуем за мир во всём мире;
придержать роль
❖ [fandom name] - [url=ССЫЛКА НА ПРОФИЛЬ]name surname[/url]
придержаны
| выкуплены
|
[html]
<!-- Подключение шрифта Yeseva One -->
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
<style>
.guest-cards-container {
display: flex;
justify-content: space-between;
gap: 12px;
width: 600px;
margin: 0 auto;
font-family: 'Yeseva One', cursive, serif;
box-sizing: border-box;
}
.guest-card-item {
position: relative;
width: 192px;
height: 180px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
background: #111;
display: block;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.guest-card-item:hover {
transform: translateY(-3px);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5);
}
.guest-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.6);
transition: filter 0.2s ease;
}
.guest-card-item:hover .guest-bg {
filter: brightness(0.75);
}
.guest-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
box-sizing: border-box;
}
.guest-glass-box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
padding: 12px 8px;
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.15);
width: 100%;
height: 100%;
box-sizing: border-box;
justify-content: center;
}
.guest-avatar {
width: 52px;
height: 52px;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(255, 255, 255, 0.85);
margin-bottom: 8px;
flex-shrink: 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.guest-info {
display: flex;
flex-direction: column;
align-items: center;
color: #ffffff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
width: 100%;
overflow: hidden;
}
.guest-name {
font-size: 11px;
line-height: 1.2;
margin-bottom: 4px;
letter-spacing: 0.3px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.guest-comment {
font-size: 9px;
opacity: 0.85;
line-height: 1.1;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<div class="guest-cards-container">
<!-- Окошко 1 -->
<a class="guest-card-item" href="https://eveningstop.ru/viewtopic.php?id=p160042#p160042" target="_blank">
<img class="guest-bg" src="https://i.pinimg.com/originals/73/fd/5e/73fd5e1229af786702ebaeff35ea65fe.gif" alt="Background 1">
<div class="guest-overlay">
<div class="guest-glass-box">
<img class="guest-avatar" src="https://upforme.ru/uploads/001c/6e/7e/188/64178.gif" alt="Avatar 1">
<div class="guest-info">
<div class="guest-name">thor odinson</div>
<div class="guest-comment">лучше битвы только пиво</div>
</div>
</div>
</div>
</a>
<!-- Окошко 2 -->
<a class="guest-card-item" href="https://eveningstop.ru/viewtopic.php?pid=155831#p155831" target="_blank">
<img class="guest-bg" src="https://i.pinimg.com/originals/73/fd/5e/73fd5e1229af786702ebaeff35ea65fe.gif" alt="Background 2">
<div class="guest-overlay">
<div class="guest-glass-box">
<img class="guest-avatar" src="https://upforme.ru/uploads/001c/6e/7e/188/249871.gif" alt="Avatar 2">
<div class="guest-info">
<div class="guest-name">max verstappen</div>
<div class="guest-comment">anger and borderline violence</div>
</div>
</div>
</div>
</a>
<!-- Окошко 3 -->
<a class="guest-card-item" href="https://eveningstop.ru/viewtopic.php?id=6&p=3#p135678"_blank">
<img class="guest-bg" src="https://i.pinimg.com/originals/73/fd/5e/73fd5e1229af786702ebaeff35ea65fe.gif" alt="Background 3">
<div class="guest-overlay">
<div class="guest-glass-box">
<img class="guest-avatar" src="https://i.pinimg.com/736x/b2/28/aa/b228aaeb0de95791054ed0505ce83a2b.jpg" alt="Avatar 3">
<div class="guest-info">
<div class="guest-name">arlecchino </div>
<div class="guest-comment">вечная, словно луна</div>
</div>
</div>
</div>
</a>
</div>
[/html]
