[html]<div class="guest">
    <div class="guest_info">
        <p><center><b>альтернативный кроссовер ✷ 18+</b></center></p>
        <p>роли придерживаются на 3 дня как для гостей, так и для зарегистрированных пользователей. бронь можно продлить 3 раза.</p>
        <p>ограничений на количество твинков нет, но убедительно просим вас брать не более 3 ролей в одном касте. для написания заявки вы также имеете право придержать роль.</p>
       <p>заявки в нужных являются по умолчанию <b>выкупленными</b>, поэтому перед написанием анкеты необходимо связаться с автором для уточнения деталей. в разделе "для заявок" приведены как придержанные для заявок роли, так и персонажи, на которых уже существуют заявки — в обоих случаях вы можете обратиться к заказчику. для внесения роли в столбец необходимо заполнить соответствующий шаблон.  </p>
        <p>допускается брать персонажа из любого фандома, в том числе телешоу, однако у нас действует ограничение на прием исторических персоналий. авторские персонажи в фандомы принимаются по договоренности с кастом; если каст отсутствует — можно спокойно брать.</p>
    </div>
    <div class="guest_ppl">
<div class="guest_role_name">придержанные роли</div>
        <div class="guest_role">

<center>до <b>07.11</b></center><br>

topi✷ <a href="https://altcross.ru/userlist.php">denis titov</a><br><br>

<center>до <b>08.11</b></center><br>

all for the game ✷ <a href="https://altcross.ru/profile.php?id=565">jean moreau</a>¹<br>
all for the game ✷ <a href="https://altcross.ru/profile.php?id=565">jeremy knox</a>¹<br><br>

gachiakuta ✷ <a href="https://altcross.ru/profile.php?id=19">jabber wongar</a><br>
gachiakuta ✷ <a href="https://altcross.ru/profile.php?id=159">zanka nijiku</a><br><br>

<center>до <b>09.11</b></center><br>

wuthering waves ✷ <a href="https://altcross.ru/profile.php?id=403">jiyan</a>¹<br><br>

<center>до <b>10.11</b></center><br>

marvel ✷ <a href="https://altcross.ru/profile.php?id=585">brock rumlow</a><br><br>

pioneer summer ✷ <a href="https://altcross.ru/profile.php?id=582">vladimir davydov</a><br><br>

wuthering waves ✷ <a href="https://altcross.ru/profile.php?id=412"> qiuyuan</a>¹<br><br>

<center>до <b>16.11</b></center><br>

the vampire chronicles ✷ <a href="https://altcross.ru/profile.php?id=435">armand</a><br>
the vampire chronicles ✷ <a href="https://altcross.ru/profile.php?id=432">daniel molloy</a><br><br>

<center>до <b>30.11</b></center><br>

the summer hikaru died ✷ <a href="https://altcross.ru/profile.php?id=434">indou hikaru</a><br>
the summer hikaru died ✷ <a href="https://altcross.ru/profile.php?id=434">tsujinaka yoshiki</a><br><br>

<center><b>бессрочно</b></center><br>

golden kamuy ✷ <a href="">usami tokishige</a><br><br>

honkai: star rail ✷ sunday<br><br>

j.k. rowling’s wizarding world ✷ <a href="">newt scamander</a><br>
j.k. rowling’s wizarding world ✷ <a href="">theseus scamander</a><br> <br>

kuroko no basket ✷ <a href="">akashi seijuro</a><br>
kuroko no basket ✷ <a href="">kagami taiga</a><br><br>

shingeki no kyojin ✷ <a href="">porco galliard</a><br>
shingeki no kyojin ✷ <a href="">zeke jäger</a><br><br>

      </div>
        <div class="guest_need_name">заявки</div>
        <div class="guest_need">

dc ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p21947">kara zor-el</a> [for <a href="https://altcross.rusff.me/profile.php?id=111">lex luthor</a>]<br><br>

delicious in dungeon ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p76830">kabru</a> [for <a href="https://altcross.ru/profile.php?id=83">laios touden</a>]<br>
delicious in dungeon ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p72482">marcille donato</a> [for <a href="https://altcross.ru/profile.php?id=83">laios touden</a>]<br> <br>

honkai: star rail ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p17760">aglaea</a> [for <a href="https://altcross.rusff.me/profile.php?id=154">cipher</a>]<br>
honkai: star rail ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p127824">dr. veritas ratio</a> [for <a href="https://altcross.rusff.me/profile.php?id=3">aventurine</a>]<br>
honkai: star rail ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11&p=2#p29781">jade</a> [for  <a href="https://altcross.rusff.me/profile.php?id=3">aventurine</a>]<br>
honkai: star rail ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11#p14260">zagreus (spirithief bartholos)</a> [for <a href="">cipher</a>]<br><br>

house of the dragon ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p117379">alicent hightower</a> [for <a href="https://altcross.ru/profile.php?id=420">rhaena targaryen</a>]<br><br>

kingdom come: deliverance ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p108771">erik</a> [for <a href="https://altcross.ru/profile.php?id=353">istvan toth</a>]<br><br>

marvel ✷ <a href="https://altcross.rusff.me/viewtopic.php?id=11&p=2#p21400">james barnes</a> [for <a href="https://altcross.rusff.me/profile.php?id=201">wanda</a>]<br>
marvel ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p142403">reed richards</a> [for <a href="https://altcross.ru/profile.php?id=6">sue</a>]<br>
marvel ✷ <a href="https://altcross.ru/viewtopic.php?id=11#p15947">tony stark</a> [for <a href="https://altcross.ru/profile.php?id=162">peter b. parker</a>]<br><br>

one piece ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p86070">portgas d. ace</a> [for <a href="https://altcross.ru/profile.php?id=362">sanji</a>]<br><br>

squid game ✷ <a href="https://altcross.ru/viewtopic.php?id=11#p41207">the recruiter</a> [for <a href="https://altcross.ru/profile.php?id=58">hwang in-ho</a>]<br><br>

the empyrean ✷ <a href="https://altcross.ru/viewtopic.php?id=11&p=2#p110318">xaden riorson</a> [for <a href="https://altcross.ru/profile.php?id=424">violet sorrengail</a>]<br><br>

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

<style>
.guest {
    width: 640px;
    margin: 0 auto;
    border: 1px solid #4e4e4e;
    background: #dfdfdf url(https://i.imgur.com/pUteGKQ.png);
    position: relative;
    border-radius: 5px;
}

.guest_info {
    width: 440px;
    background-color: #ebece6;
    padding: 20px 60px 20px 60px;
    left: 40px;
    position: relative;
    border-radius: 5px;
    margin-top: 28px;
}

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 5px 5px 5px 5px !important;
       text-align: justify;
        font-weight: normal;
        line-height: 120% !important;
}

.guest_ppl {
       position: relative;
       left: 70px;
       height: 300px;
       margin-top: 31px;
}

.guest_role, .guest_need {
    width: 200px;
    height: 250px;
    text-align: justify;
    position: absolute;
    font-size: 10px;
    background-color: #ebece6;
    padding: 10px 50px 10px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 5px;
}

.guest_role a, .guest_need a {
       color: #4e4e4e!important;
}

.guest_role {
       top: 0px;
       left: -27px;
}

.guest_need {
       top: 0px;
       right: 107px;
}

.guest_role_name, .guest_need_name {
       position: relative;
       font-size: 12px;
       text-transform: lowercase;
       color: #d9d9d3;
}

.guest_role_name {
       left: 110px;
       top: -21px;
}

.guest_need_name {
       left: 462px;
       top: -37px;
}

.guest_need::-webkit-scrollbar, .guest_role::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_need::-webkit-scrollbar-thumb, .guest_role::-webkit-scrollbar-thumb {
  background-color: #a7a7a7;
  border-radius: 3px;
}

.guest_need::-webkit-scrollbar-track, .guest_role::-webkit-scrollbar-track {
  background-color: #6f4644;
  border-radius: 3px;
}

</style>[/html]

шаблон придержания роли

шаблон для внесения заявки в список