Код:
<!--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 song of ice and fire</b> </span>
<span> - Jeyne Arryn | <a href="https://barcross.ru/profile.php?id=3701">Jeyne Arryn</a> 19.07 </span>
<span> - Alys Rivers | <a href="https://barcross.ru/profile.php?id=3700">Alys Rivers</a> 19.07 </span>
<span> - ormund hightower | <a href="https://barcross.ru/profile.php?id=3657">Maekar Targaryen</a> 19.07 </span>
</div></div><div class="guestbox"><span>выкупленные роли</span><div>
<span> <b>House of the Dragon</b> </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.08 </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>The Amazing Digital Circus</b> </span>
<span> - Caine | <a href="https://barcross.ru/profile.php?id=1981">Rickey</a> 27.07 </span>
<span> <b>Wednesday</b> </span>
<span> - Wednesday | <a href="https://barcross.ru/profile.php?id=3634">приду буянить</a> 02.08 </span>
</div></div><div class="guestbox"><span>выкупленные акции</span><div>
</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)












