[hideprofile]

[html]<style>/* шаблон гостевой (с) astaarus */
/* Контейнер шаблона */
@font-face {
    font-family: 'Cyrillic Goth';
    src: url('https://forumstatic.ru/files/001c/75/d0/75013.ttf');}

.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: 40px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Cyrillic Goth;
padding: 10px 10px 0px 10px;
  }

  .guest-header p {
    font-size: 24px;
    line-height: 1.6;
    opacity: 0.85;
    font-weight: 300;
    max-width: 900px;
    margin: 0 auto;
  }

  /* стиль футера */
.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;
    font-family: Cyrillic Goth;
  }

  .guest-item-container {
    max-height: 150px;
    overflow-y: auto;
  }

.guest-item {
    display: flex;
    justify-content: space-between;
}

.guest-item a {
    color: #ff7f50;
    text-decoration: none;
    font-weight: 600;
    margin: auto;
}

  .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> Внешности </h1>
  </div>

<center>
  <div class="guest-column-container">
    <!-- Панель 1 -->
    <div class="guest-column">
      <h3>Женские Внешности</h3>
      <div class="guest-item-container">
<p class="guest-item">[Bloodborne] <br>Vicar Amelia  <a href="https://heylar.f-rpg.me/profile.php?id=8">Mother Seras</a></p>
<p <p class="guest-item">[Sentouin Hakenshimasu!]<br> Heine  <a href="https ://heylar. f-rpg .me/profile.php?id=10">Sharifa</a></p>
<p class="guest-item">[dc comics]<br> Poison Ivy  <a href="https://heylar.f-rpg.me/profile.php?id=7">Muirgheal</a></p>
<p class="guest-item">[Тёмный замок] Симона  <a href="https://heylar.f-rpg.me/profile.php?id=14">thea</a></p>
        <p class="guest-item">[fandom] <br>
name surname<a href="#">name</a></p>     

      </div>
    </div>

    <!-- Панель 2 -->
    <div class="guest-column">
      <h3>Мужские внешности</h3>
      <div class="guest-item-container">
<p class="guest-item">[Fire Emblem] <br>Rosado  <a href="https://heylar.f-rpg.me/profile.php?id=4">Sir <br>Gwendolyn</a></p>
<p class="guest-item">[Elden Ring] <br>Maliketh <br>the Black Blade  <a href="https://heylar.f-rpg.me/profile.php?id=8">Mother Seras</a></p>
<p class="guest-item">[ Clair Obscur: <br>Expedition 33]<br> Verso <a href="https://heylar.f-rpg.me/profile.php?id=17"> Vergil</a></p>
        <p class="guest-item">[fandom] <br>
name surname  <a href="#">name</a></p>
      </div>
    </div>

    <!-- Панель 3 -->
    <div class="guest-column">
      <h3>За АМС</h3>
      <div class="guest-item-container">
        <p class="guest-item">[Witcher] Yennefer  <a href="https://heylar.f-rpg.me/profile.php?id=2">Rebecca Oyweld</a></p>
        <p class="guest-item">[Critical Role]<br>
Caleb Widogast  <a href="https://heylar.f-rpg.me/profile.php?id=13">Mordenkai</a></p>
<p class="guest-item">[Arcane]<br>
Viktor  <a href="#">Для Акции</a></p>
<p class="guest-item">[Arcane]<br>
Jayce Talis <a href="#">Для Акции</a></p>
<p class="guest-item">[Arcane]<br>
Le Blanc  <a href="#">Для Акции</a></p>
<p class="guest-item">[Warframe]<br>
Yareli  <a href="#">Для Акции</a></p>
         
        </p>
      </div>
    </div>
  </div>

  <!-- Компактный футер -->
  <div class="guest-footer">
    <a href="https://heylar.f-rpg.me/" class="footer-link">тут</a>
    <a href="https://heylar.f-rpg.me/" class="footer-link">будут</a>
    <a href="https://heylar.f-rpg.me/" class="footer-link">ссылки</a>
  </div>
</div>
</center>[/html]

<p class="guest-item">[fandom] name surname  <a href="ссылка на профиль">Имя профиля</a></p>

Отредактировано Watcher (2025-08-01 23:47:50)