[icon]https://i.imgur.com/LWq0u0u.png[/icon]

[html]<div class="ttema5">
  <div class="header-image-wrapper">
    <img src="https://i.imgur.com/DSQCKhW.png" alt="header image">
  <div class="ttema2"><br>
  внешность считается занятой, если она находится в данной теме или придержана в гостевой. дубли внешностей разрешаем и не ограничиваем количество близнецов. для того, чтобы взять дубль внешности, вы должны получить разрешение от игрока, который первым ее занял. прием европейцев разрешен и не ограничен.  <br><br>
  </div>
</div>

<br>

<div class="ttema3">
  <div class="gender-row">
    <strong class="gender-label">girls</strong>
    <strong class="gender-label">boys</strong>
  </div>

  <div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label"> a b c d </div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
          <span class="name">actress</span> — <a href="http://mirine.rusff.me/profile.php?id=33">cho (jo) boah</a><br>
          <span class="name">actress</span> — <a href="http://mirine.rusff.me/profile.php?id=193">jung hoyeon</a><br>
          <span class="name">actress</span> — <a href="http://mirine.rusff.me/profile.php?id=33">moon gayoung</a><br>
          <span class="name">actress</span> — <a href="https://mirine.rusff.me/profile.php?id=197">seo jihye</a><br>
          <span class="name">blackpink</span> — <a href="https://mirine.rusff.me/profile.php?id=24"> lalisa manoban</a><br>
        </div>
        <div class="ttema3vnehi">
          <span class="name">a.c.e </span> — <a href="http://mirine.rusff.me/profile.php?id=133">park junhee</a><br>
          <span class="name">actor</span> — <a href="http://mirine.rusff.me/profile.php?id=159">bright vachirawit</a><br>
          <span class="name">actor</span> — <a href="http://mirine.rusff.me/profile.php?id=112">lee dongwook</a><br>
          <span class="name">actor</span> — <a href="https://mirine.rusff.me/profile.php?id=68">yoon tran</a><br>
          <span class="name">bts</span> — <a href="http://mirine.rusff.me/profile.php?id=50">jeon jungkook</a><br>
          <span class="name">bts</span> — <a href="https://mirine.rusff.me/profile.php?id=25">kim taehyung</a><br>
          <span class="name">bts</span> — <a href="http://mirine.rusff.me/profile.php?id=9">min yoongi</a><br>
          <span class="name">bts</span> — <a href="http://mirine.rusff.me/profile.php?id=4">park jimin</a>
        </div>
      </div>  </div> </div> 
   
<div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label">e f g h</div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
          <span class="name">(g)i-dle</span> — <a href="http://mirine.rusff.me/profile.php?id=134">jeon soyeon </a><br>
          <span class="name">(g)i-dle</span> — <a href="https://mirine.rusff.me/profile.php?id=91">seo soojin</a><br>
        </div>
        <div class="ttema3vnehi">
          <span class="name">enhypen</span> — <a href="http://mirine.rusff.me/profile.php?id=102">nishimura riki</a><br>
          <span class="name">enhypen</span> — <a href="http://mirine.rusff.me/profile.php?id=31">park sunghoon</a><br>
          <span class="name">exo</span> — <a href="http://mirine.rusff.me/profile.php?id=13">park chanyeol</a><br>
       
        </div>
      </div>  </div> </div> 

<div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label">i j k l </div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
       <br>
   
        </div>
        <div class="ttema3vnehi">
          <span class="name">ikon</span> — <a href="http://mirine.rusff.me/profile.php?id=135">kim jinhwan</a><br>
       
        </div>
      </div>  </div> </div> 

<div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label">m n o p </div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
          <span class="name">loona</span> — <a href="http://mirine.rusff.me/profile.php?id=15">hye olivia</a><br>
        </div>
        <div class="ttema3vnehi">
          <span class="name">nct</span> — <a href="http://mirine.rusff.me/profile.php?id=17">kim jungwoo</a><br>
          <span class="name">nct</span> — <a href="http://mirine.rusff.me/profile.php?id=136"> seo youngho</a><br>
          <span class="name">nex7</span> — <a href="http://mirine.rusff.me/profile.php?id=6">fan adam</a><br>
       
        </div>
      </div>  </div> </div> 

<div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label">q r s t </div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
          <span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=58">hye olivia</a><br>
<span class="name">solo</span> — <a href="https://mirine.rusff.me/profile.php?id=187">kim hyungseo</a><br>
<span class="name">solo</span> — <a href="https://mirine.rusff.me/profile.php?id=162">tapiau maily </a><br>
        </div>
        <div class="ttema3vnehi">
          <span class="name">seventeen</span> — <a href="https://mirine.rusff.me/profile.php?id=77"> choi hansol </a><br>
          <span class="name">sf9</span> — <a href="http://mirine.rusff.me/profile.php?id=103">kim rowoon</a><br>
          <span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=29">dpr ian </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=12">im changkyun </a><br>
         <span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=160">jung jaewon </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=16">kang daniel </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=88">park jaebum </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=18">park jihoon </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=69">park yuri  </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=117">song mino  </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=3">shin hoseok   </a><br>
<span class="name">solo</span> — <a href="http://mirine.rusff.me/profile.php?id=28">wang jackson   </a><br>
<span class="name">stray kids</span> — <a href="http://mirine.rusff.me/profile.php?id=131">bang chan </a><br>
<span class="name">stray kids</span> — <a href="http://mirine.rusff.me/profile.php?id=137">bang chan </a><br>
<span class="name">stray kids</span> — <a href="https://mirine.rusff.me/profile.php?id=104">hwang hyunjin </a><br>
<span class="name">the boyz</span> — <a href="http://mirine.rusff.me/viewtopic.php?id=1477">lee juyeon </a><br>
<span class="name">the boyz</span> — <a href="https://mirine.rusff.me/profile.php?id=144">sohn eric</a><br>
<span class="name">txt</span> — <a href="https://i.postimg.cc/sXCyj8C7/image.png"> choi yeonjun </a><br>
        </div>
      </div>  </div> </div>

<div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label">u v w x y z</div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
       <br>
   
        </div>
        <div class="ttema3vnehi">
          <br>
       
        </div>
      </div>  </div> </div>

<br><br> </div></div>
<br><br>
</div>
</div>
<br><br>
     </div>  </div>

<style>

.ttema5 {
  width: 500px;
  margin: auto;
  border-radius: 20px;
  border: 2px solid white;
  background-color: #f5f0e6; /* бежеве тло */
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.vnehi-entry {
  margin-bottom: 6px;
}

.ttema3vnehi .name {
  font-weight: 600;
  text-transform: lowercase;
}

.header-image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}

.header-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

}

.header-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.85);
  font-size: 10px;
  text-align: justify;
  padding: 15px 20px;
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

.ttema2 {
  margin: 0 auto 30px;
  width: 90%;
  background-color: white;
  font-size: 10px;
  border-radius: 20px;
  padding: 20px;
  text-align: justify;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.ttema2 zag {
  font-size: 18px;
  font-weight: 600;
  font-family: Gangitem Regular;
}

.ttema5, .ttema3 {
  width: 550px;
  margin: auto;
  border-radius: 15px;
  border: 1px solid var(--beg100);
  background-color: var(--beg500);
{margin-left: 45px;}
}

.ttema2 {
  margin: 40px auto 0;
  width: 400px;
  background-color: rgb(251, 251, 251);
  font-size: 9px;
  border-radius: 15px;
  padding: 10px 20px;
  text-align: justify;
}

.ttema-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-bottom: 10px;
}

.ttema3 {
  padding: 0 40px 40px;
  box-sizing: border-box;
}

.gender-row {
  text-align: center;
  margin-bottom: 20px;
}

.gender-label {
  font-size: 14px;
  margin: 0 20px;
font-family: Gangitem Regular;
}

.letter-blocks {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.letter-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.letter-label {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 200;
  background-color: var(--beg100);
  border-radius: 5px;
  padding: 3px 16px;
  display: inline-block;
  margin-top: 10px;
background-color: rgb(249, 249, 249);
}

.vnehi-pair {
  display: flex;
  gap: 20px;
  margin-top: 10px;
  width: 100%;
}

.ttema3vnehi {
  background-color: rgb(251, 251, 251);
  border-radius: 10px;
  padding: 15px;
  font-size: 10px;
  text-transform: lowercase;
  overflow-y: auto;
  height: auto;
  flex: 1;
overscroll-behavior: contain;
margin-left: 35px!important;
font-size: 10px;
font-family: century gothic!important;
transition: color 0.3s ease-in-out;
width: 180px!important;
}

.ttema3vnehi .name {
font-weight: 600;
text-transform: lowercase;
}

.vnehi-entry {
  margin-bottom: 6px;
}

--oforma2: url(https://forumupload.ru/uploads/001c/52/69/2/668284.png) no-repeat top center;
--oforma1: url(https://forumupload.ru/uploads/001c/52/69/2/772786.png) no-repeat top center;
--oforma2: url(https://forumupload.ru/uploads/001c/52/69/2/668284.png) no-repeat top center;
--oforma3: url(https://forumupload.ru/uploads/001c/52/69/2/732345.png) no-repeat top center;
--oforma4: url(https://forumupload.ru/uploads/001c/52/69/2/525932.png) no-repeat top center;
--fon6-1: #FBF8F3;
--fon7-1: #eee;
--oforma5: url(https://forumupload.ru/uploads/001c/52/69/2/543139.png) no-repeat top center / cover;
--oforma6: url(https://forumstatic.ru/files/001c/25/98/77370.png) no-repeat top center;
}

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --base-bg: #DFDEDA;
    --bg-overlay: url(https://forumstatic.ru/files/001c/52/69/24785.png);
    --bg-img: url(https://forumstatic.ru/files/001c/52/69/95484.png);

   --pun-cover: rgba(224, 224, 218, 0.05);

    --beg100: #FBF8F3;
    --beg300: #F1EEE9;
    --beg500: #F6F3EE;

    --border: #E2DFDA;

    --dark500: #484545;
    --dark600: #242424;

    --opacity-bg: rgba(41, 41, 41, 0.34);
    --opacity-bg2: rgba(41, 41, 41, 0.85);
    --opacity-bg3: rgba(56, 56, 56, 0.34);

   --text1: #575E56;
   --text2: #8D9A8C;
   --text3: #E2DFDA;
    --links: #BD7487;
    --accent: #BD7487;
    --accent-yellow: #C2A993;
    --accent-blue: #DFE0DA;

    --font: Arsenal;
    --font2: Rosie;

.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #c84f4f;
  text-decoration: none;
font-size: 8px!important;
font-family: Arsenalimportant;
transition: color 0.3s ease-in-out;
}
</style>[/html]

Код:
<br><b>solo/actor/etc - <a href="ссылка на профиль"> фамилия имя</b>  </a>