[hideprofile][html]<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;
}
.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: 150px;
overflow-y: auto;
}
.guest-item {
display: flex;
justify-content: space-around;
}
.guest-item a {
color: #ff7f50;
text-decoration: none;
font-weight: 600;
}
.guest-item a:hover {
color: #000000;
}
/* Стили для прокрутки */
.guest-item-container::-webkit-scrollbar {
width: 8px;
}
.guest-item-container::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius: 5px;
}
.guest-item-container::-webkit-scrollbar-track {
background-color: #f3f4f6;
} </style>
<center>
<div class="guest-template-container">
<div class="guest-header">
<h1> welcome </h1>
</div>
<!-- Описание форума -->
<div class="guest-description">
<p><center>Добро пожаловать, путник!</center> Будем рады, если ты решишь здесь задержаться. Если у тебя есть вопросы - смело можешь задать их здесь и мы постараемся на них ответить!<br>
<i>Пока идет тест, внешности закрепляются и без анкеты</i><br>
<i>В данный момент все готово почти на 30 %</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">Имя фамилия - <a href="#">Имя фамилия</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="#">Имя фамилия</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>
