Код:
<!--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 href="javascript:void(0);" class="copy-to-reply-toform" data-copycode='<span> <b>Fandom</b> </span> <span> - name surname | <a href="ссылка_на_профиль">nickname</a> </span>'>код</a></center></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>Arknights: Endfield</b> </span>
<span> - Ardashir | <a href="https://barcross.ru/profile.php?id=3226">Саня Ваня</a> 23.04</span>
</div></div><div class="guestbox"><span>выкупленные роли</span><div>
<span> <b>star trek: the strange new worlds</b> </span>
<span> - james kirk | <a href="https://barcross.ru/profile.php?id=3046">k.b.</a> 06.05</span>
<span> <b>The Amazing Digital Circus</b> </span>
<span> - Caine | <a href="https://barcross.ru/profile.php?id=1981">big dick</a> 10.05 </span>
</div></div><div class="guestbox"><span>выкупленные акции</span><div>
</span></div></div></div>
<br><br>
<!-- ГЕНЕРАТОР -->
<div class="gen-container">
<!-- Первая строка: три вкладки -->
<div class="gen-row">
<span class="gen-tab active" onclick="switchType('hold')">ПРИДЕРЖАТЬ</span>
<span class="gen-tab" onclick="switchType('buy')">ВЫКУПИТЬ РОЛЬ</span>
<span class="gen-tab" onclick="switchType('share')">ВЫКУПИТЬ АКЦИЮ</span>
</div>
<!-- ПРИДЕРЖАТЬ РОЛЬ -->
<div id="holdGen" class="gen-row">
<input type="text" id="holdFandom" class="gen-field" placeholder="фандом на английском">
<input type="text" id="holdChar" class="gen-field" placeholder="имя персонажа на английском">
<input type="text" id="holdNick" class="gen-field" placeholder="имя пользователя">
<input type="text" id="holdLink" class="gen-field" placeholder="ссылка на профиль (если есть)">
<button class="gen-btn accent" onclick="copyHoldCode()">код</button>
</div>
<!-- ВЫКУПИТЬ РОЛЬ (скрыта) -->
<div id="buyGen" class="gen-row" style="display:none">
<input type="text" id="buyFandom" class="gen-field" placeholder="фандом на английском">
<input type="text" id="buyChar" class="gen-field" placeholder="имя персонажа на английском">
<input type="text" id="buyNick" class="gen-field" placeholder="имя пользователя">
<input type="text" id="buyLink" class="gen-field" placeholder="ссылка">
<button class="gen-btn accent" onclick="copyBuyCode()">код</button>
</div>
<!-- ВЫКУПИТЬ АКЦИЮ (скрыта) -->
<div id="shareGen" class="gen-row" style="display:none">
<input type="text" id="shareFandom" class="gen-field" placeholder="фандом на английском">
<input type="text" id="shareChar" class="gen-field" placeholder="имя персонажа на английском">
<input type="text" id="shareNick" class="gen-field" placeholder="имя вашего персонажа">
<input type="text" id="shareLink" class="gen-field" placeholder="ссылка на акцию">
<button class="gen-btn accent" onclick="copyShareCode()">код</button>
</div>
</div>
<!-- КОНЕЦ ГЕНЕРАТОРА -->
</div><br>
