[hideprofile][html]
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>/* шаблон гостевой (с) astaarus */
/* Контейнер шаблона */
.guest-template-container {
width: 90%;
margin: 20px auto;
padding: 30px;
border-radius: 15px;
display: flex;
flex-direction: column;
font-family: arial;
background-color: transparent;
}
/* стиль хедера */
.guest-header {
position: relative;
text-align: center;
background: #23322d;
color: white;
border-radius: 10px;
margin-bottom: 20px;
}
.guest-header h1 {
font-size: 60px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
.guest-header p {
font-size: 24px;
line-height: 1.6;
opacity: 0.85;
font-weight: 300;
max-width: 900px;
margin: 0 auto;
}
/* стиль для описания форума */
.guest-description {
background-color: #9d9f9a;
color: #000000;
border: 1px solid #3e4535;
padding: 15px !important;
text-align: center;
border-radius: 10px;
margin-top: 0px;
width: 100%;
margin-bottom: 20px;
max-height: 150px;
overflow-y: auto;
}
.guest-description p {
font-size: 12px !important;
font-family: arial !important;
letter-spacing: 1px !important;
}
/* стиль футера */
.guest-footer {
background-color: #23322d;
text-align: center;
padding: 10px !important;
border-radius: 10px;
margin-top: 25px;
}
.guest-footer .footer-link {
color: #ffffff !important;
font-weight: bold;
font-size: 12px;
text-decoration: none;
display: inline-block;
transition: color 0.3s ease, transform 0.3s ease;
padding: 0 15px;
}
.guest-footer .footer-link:hover {
transform: translateY(-2px);
}
/* Стили для колонок */
.guest-column-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.guest-column {
padding: 30px;
box-shadow: 0 12px 50px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, background-color 0.3s ease;
position: relative;
background-color: #9d9f9a;
border-radius: 15px;
max-height: 200px;
overflow-y: auto;
overscroll-behavior-y: contain;
}
.guest-column a {
color: #23322d !important;}
.guest-column:hover {
transform: translateY(-5px);
background-color: #f9f9f9;
}
.guest-column h3 {
font-size: 10px;
color: #333;
font-weight: 600;
margin-bottom: 30px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 10px;
}
.guest-item-container {
max-height: none;
overflow-y: visible;
}
.guest-item {
display: flex;
justify-content: space-between;
}
.guest-item a {
color: #ff7f50;
text-decoration: none;
font-weight: 600;
}
.guest-item a:hover {
color: #000000;
}
/* Стили для прокрутки */
.guest-column::-webkit-scrollbar {
width: 8px;
}
.guest-column::-webkit-scrollbar-thumb {
background-color: #23322d;
border-radius: 5px;
}
.guest-column::-webkit-scrollbar-track {
background-color: #f3f4f6;
border-radius: 5px;
}
/* mobile */
@media screen and (max-width: 580px) {
.guest-header h1 {
font-size: 35px;
}
.guest-template-container {
width: 99%;
padding: 11px;
}
.guest-column-container {
display: flex;
flex-direction: column;
}
.guest-column {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
}
@media (hover: hover) {
.guest-column:hover {
transform: translateY(-5px);
background-color: #f9f9f9;
}
}
</style>
</head>
<center>
<div class="guest-template-container">
<div class="guest-header">
<h1> welcome </h1>
</div>
<!-- Описание форума -->
<div class="guest-description">
<p><center>Добро пожаловать, путник!</center> Будем рады, если ты решишь здесь задержаться. Если у тебя есть вопросы - смело можешь задать их здесь и мы постараемся на них ответить!<br>
По всем вопросам касательно лора можете обращаться к <a href="https://heylar.rusff.me/profile.php?id=6">Rebecca Oyweld</a>. По технической части поможет <a href="https://heylar.rusff.me/profile.php?id=14">Ssap’myr Arken’ath</a></p>
<i>Пока идет тест, внешности закрепляются и без анкеты</i><br>
<i>В данный момент все готово почти на 60 %</i><br>
<i>Ведется набор игроков и АМС для проекта (графисту будем безмерно рады)</i></p>
</div>
<center>
<div class="guest-column-container">
<!-- Панель 1 -->
<div class="guest-column">
<h3>Придержанные внешности</h3>
<div class="guest-item-container">
<p class="guest-item">[Witcher]<br> Yennefer - <a href="https://heylar.rusff.me/profile.php?id=6">Raven</a></p>
<p class="guest-item">[Romance Club] <br>Sha’arnez so Genash - <a href="https://heylar.rusff.me/profile.php?id=8">zobryen</a></p>
<p class="guest-item">Anya Taylor-Joy - <a href="https://heylar.rusff.me/profile.php?id=10">Forkas</a></p>
<p class="guest-item">Thomas Doherty - <a href="https://heylar.rusff.me/profile.php?id=10">Forkas</a></p>
<p class="guest-item">[Seven Hearts Stories] <br> Secil - <a href="https://heylar.rusff.me/profile.php?id=12">Nightshade</a></p>
<p class="guest-item">[genshin impact]<br> kaveh - <a href="https://heylar.rusff.me/profile.php?id=16">Forgetmenot</a></p>
<p class="guest-item">[arcane] <br>silco - <a href="https://heylar.rusff.me/profile.php?id=4">mechanism</a></p>
<p class="guest-item">[Critical Role] <br> caleb widogast - <a href="https://heylar.rusff.me/profile.php?id=18">Mordenkai</a></p>
<p class="guest-item">[dragon age: <br>lthe veilguard] <br>l ace harding - <a href="https://heylar.rusff.me/profile.php?id=20">azanulbizar</a></p>
<p class="guest-item">[dark souls 3]<br> fire keeper - <a href="https://heylar.rusff.me/profile.php?id=22">Sister Elana</a></p>
<p class="guest-item">[Witcher]<br>Zoltan Chivay — <a href="https://heylar.rusff.me/profile.php?id=27">Solph Hodrager</a></p>
<p class="guest-item">Toby Stephens- <a href="https://heylar.rusff.me/profile.php?id=18"> Mordenkai</a></p>
<p class="guest-item">Имя фамилия - <a href="#">Имя фамилия</a></p>
</div>
</div>
<!-- Панель 2 -->
<div class="guest-column">
<h3>Придержанные Роли</h3>
<div class="guest-item-container">
<p class="guest-item"><a href="https://heylar.rusff.me/viewtopic.php?id=9#p1662">Корво</a> - <a href="https://heylar.rusff.me/profile.php?id=25">Corvo</a></p>
<p class="guest-item">Имя фамилия - <a href="#">Имя фамилия</a></p>
</div>
</div>
<!-- Панель 3 -->
<div class="guest-column">
<h3>Выкупленные</h3>
<div class="guest-item-container">
<p class="guest-item">Имя фамилия - <a href="#">Имя фамилия</a></p>
<p class="guest-item">Имя фамилия - <a href="#">Имя фамилия</a></p>
</div>
</div>
</div>
<!-- Компактный футер -->
<div class="guest-footer">
<a href="/viewtopic.php?id=5#p5" class="footer-link">внешности</a>
<a href="/viewtopic.php?id=7#p7" class="footer-link">правила</a>
<a href="/viewtopic.php?id=30#p42" class="footer-link">сюжет</a>
</div>
</div>
</center>[/html]
<p class="guest-item">[fandom] name surname - <a href="ссылка на профиль">Имя профиля</a></p>
