Код:
<!--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>stranger things</b> </span>
<span> - mike wheeler | да как так 26.03 </span>
</div></div><div class="guestbox"><span>выкупленные роли</span><div>
</div></div><div class="guestbox"><span>выкупленные акции</span><div>
<span> <b>league of dreamers</b> </span>
<span> - <a href="https://barcross.ru/viewtopic.php?id=9886#p998995">scarlett katzen</a> | casper stormare 12.04</span>
</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>
