[html]<div class="fp-wrap" style="margin-bottom:0;">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-title">International Confederation of Wizards</div>
    <div class="fp-subtitle">партнерство • баннерообмен</div>
  </div>

  <div class="fp-body">
    <p>Помимо контроля за проведением Чемпионатов мира по квиддичу, охраны раморы от волшебников-браконьеров, штрафов за содержание во дворе клаббертов и апрува на сокращение популяции змеезубов, мы работаем над объединением различных сообществ. Наш форум открыт для партнерства с ролевыми любой тематики с активом <b>от 15 человек</b>. Чтобы стать нашим другом, разместите наш баннер на своем форуме и заполните заявку ниже. Вместе мы создадим связь между мирами.</p>

  <!-- КНОПКИ -->
  <div class="sg-buttons">
    <button type="button" class="sg-btn" data-copy="banner" data-default="скопировать баннер">скопировать баннер</button>
    <button type="button" class="sg-btn" data-copy="request" data-default="скопировать заявку">скопировать заявку</button>
  </div>

  </div>
</div>
<style>
  /* === КНОПКИ === */
.sg-buttons {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    margin-top: 16px;
  }
</style>

<script type="text/javascript">
(function () {
var templates = {
banner: '<a href="https://solitude.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/ae/e6/3/484980.gif" title="hp: solitude" border="0" width="88" height="31"></a>',
request:   '1. Ссылка на ваш форум:\n2. Код вашего баннера:\n3. Где находится наш баннер:'
};

  var btns = document.querySelectorAll('.sg-btn');
  var i;
  for (i = 0; i < btns.length; i++) {
    btns[i].addEventListener('click', function () {
      var key = this.getAttribute('data-copy');
      var text = templates[key];
      if (!text) return;
      var btn = this;
      var def = btn.getAttribute('data-default') || btn.innerHTML;
      btn.setAttribute('data-default', def);

      function showToast() {
        btn.className = btn.className + ' is-copied';
        btn.innerHTML = 'скопировано';
        setTimeout(function () {
          btn.className = btn.className.replace(' is-copied', '');
          btn.innerHTML = def;
        }, 1500);
      }

      if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(text).then(showToast, function () {
          fallbackCopy(text);
          showToast();
        });
      } else {
        fallbackCopy(text);
        showToast();
      }
    });
  }

  function fallbackCopy(text) {
    var ta = document.createElement('textarea');
    ta.value = text;
    ta.style.position = 'fixed';
    ta.style.opacity = '0';
    document.body.appendChild(ta);
    ta.select();
    try { document.execCommand('copy'); } catch (e) {}
    document.body.removeChild(ta);
  }
})();
</script>
[/html]
[hideprofile]