Код:
<!--HTML-->
<br><br><div id="guestboook">
<div class="bookpic"></div>
<div class="guestrules"><div>
Чай? Виски? А может быть, воды? Мы рады приветствовать вас на Баре! Если у вас есть вопросы (любые) или вы уже определились с выбором роли, то это место именно для вас! Бронируйте, спрашивайте, но не флудите! Администрация в лице <a href="https://barcross.rusff.me/profile.php?id=8">Cheshire Cat</a>, <a href="https://barcross.rusff.me/profile.php?id=3412">Mentalism</a>, <a href="https://barcross.ru/profile.php?id=1981">Rickey</a>, <a href="https://barcross.ru/profile.php?id=2247">Amanda Clarke</a> и наши принятые игроки с радостью помогут вам!
</div>
<div class="copycode"><strong class="legend">код</a></strong><div class="blockcode"><div class="scrollbox"><pre><span> <b>Fandom</b> </span> <span> - name surname | <a href="ссылка_на_профиль">nickname</a> </span></pre></div></div></div>
</div>
<div class="guestblocks">
<div class="guestbox"><span>придержанные роли</span><div>
<span> <b>A Knight of the Seven Kingdoms</b> </span>
<span> - Baelor Targaryen | <a href="https://barcross.ru/profile.php?id=3114">Sauron</a> 02.07 </span>
<span> <b>Wednesday</b> </span>
<span> - Wednesday| <a href="https://barcross.ru/profile.php?id=3634">приду буянить</a> 02.07 </span>
<span> <b>slavic folklore</b> </span>
<span> - snegurochka | <a href="https://barcross.ru/profile.php?id=3610">Rhaenyra Targaryen</a> 30.06 </span>
<span> <b>bar fandom</b> </span>
<span> - Vodka | <a href="https://barcross.ru/profile.php?id=3331">Jean Moreau</a> 28.06 </span>
<span> - Coca Cola | <a href="https://barcross.ru/profile.php?id=3663">Mike Wheeler</a> 28.06 </span>
</div></div><div class="guestbox"><span>выкупленные роли</span><div>
<span> <b>The Amazing Digital Circus</b> </span>
<span> - Caine | <a href="https://barcross.ru/profile.php?id=1981">Rickey</a> 27.07 </span>
<span> <b>Resident Evil</b> </span>
<span> - leon kennedy | <a href="https://barcross.ru/profile.php?id=3670">Ashley</a> 15.07 </span>
<span> <b>Heated Rivalry</b> </span>
<span> - Ilya Rozanov | <a href="https://barcross.ru/profile.php?id=3394">лучший</a> 30.07</span>
<span> - Shane Hollander | <a href="https://barcross.ru/profile.php?id=8">кот</a> 30.07</span>
<span> <b>House of the Dragon</b> </span>
<span> - Daemon Targaryen | <a href="https://barcross.ru/profile.php?id=2644">Оберин</a> 09.07 </span>
<span> - Aemond Targaryen | <a href="https://barcross.ru/profile.php?id=3657">Мейкар</a> 16.07 </span>
<span> <b>Marvel</b> </span>
<span> - Marc Spector | <a href="https://barcross.ru/profile.php?id=2644">Оберин</a> 09.07 </span>
</div></div><div class="guestbox"><span>выкупленные акции</span><div>
<span> <b>bar fandom</b> </span> <span> - <a href="https://barcross.ru/viewtopic.php?pid=1178518#p1178518"> negroni </a> | campari 10.07</span>
<span> - <a href="https://barcross.ru/viewtopic.php?id=9886&p=2#p1178653">white tea</a> | big dick 01.07 </span>
<span> <b>harry potter</b> </span>
<span> - <a href="https://barcross.ru/viewtopic.php?id=9886&p=2#p1175020">albus dumbledore</a> | big dick 01.07 </span>
</span></div></div></div>
<br><br>
<style>.gen-container * { box-sizing: border-box; } .gen-input { padding: 4px 8px; font-size: 12px; border: 1px solid var(--bord, #c0c0c0); border-radius: 4px; background: #fff; box-sizing: border-box; min-width: 0;} .gen-char-row { display: flex; gap: 6px; margin-bottom: 5px; align-items: center; flex-wrap: wrap;} .gen-tabs { flex-wrap: wrap; } .gen-btn-row { display: flex; gap: 8px; flex-wrap: wrap; } @media (max-width: 600px) { .gen-char-row { flex-direction: column; align-items: stretch; border: 1px solid var(--bord, #c0c0c0); border-radius: 6px; padding: 8px; background: rgba(255,255,255,0.25); position: relative; } .gen-char-row .gen-input { flex: none !important; width: 100%; } .gen-char-row .gen-del-char { position: absolute; top: 4px; right: 6px; } .gen-tabs { gap: 8px; font-size: 10px; } .gen-btn-row button { flex: 1 1 100%; }}</style>
<div class="gen-container" style="background: var(--quo, #cbcbcb); padding: 15px; border-radius: var(--b-radius, 10px); color: var(--text, #252f35); font-family: var(--sec-font), sans-serif;"> <div class="gen-tabs" style="display: flex; gap: 12px; margin-bottom: 12px; font-size: 11px; font-family: var(--main-font), sans-serif; letter-spacing: 1px;"> <span class="gen-tab active" onclick="setGenType('hold')" style="cursor:pointer; font-weight:bold; padding: 4px 0; border-bottom: 2px solid var(--accent, #48666e);">ПРИДЕРЖАТЬ</span> <span class="gen-tab" onclick="setGenType('buy')" style="cursor:pointer; font-weight:bold; padding: 4px 0;">ВЫКУПИТЬ РОЛЬ</span> <span class="gen-tab" onclick="setGenType('share')" style="cursor:pointer; font-weight:bold; padding: 4px 0;">ВЫКУПИТЬ АКЦИЮ</span> </div> <div id="genDynamicArea"></div> <div class="gen-btn-row" style="margin-top: 12px; justify-content: flex-start;"> <button onclick="addFandomBlock()" style="background: transparent; border: 1px solid var(--accent, #48666e); color: var(--text, #252f35); padding: 5px 10px; cursor: pointer; border-radius: 4px; font-size: 11px; font-weight: bold; font-family: var(--sec-font), sans-serif;"> + Добавить фандом </button> <button onclick="generateAndInsertCode()" style="background: var(--accent, #48666e); color: #fff; border: none; padding: 6px 12px; cursor: pointer; border-radius: 4px; font-size: 11px; font-weight: bold; font-family: var(--sec-font), sans-serif;"> Вставить код в форму ответа </button> </div></div>
</div><br>
<script src="https://forumstatic.ru/files/001b/2c/35/78003.js?v=4" async></script>



























![de other side [crossover]](https://i.imgur.com/BQboz9c.png)


















