Xenforo pop-up ekleme

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Pop-up'ı tetiklemek için bir fonksiyon
    function showPopup() {
      var popup = document.getElementById('myPopup');
      popup.style.display = 'block';
    }

    // Pop-up'ı kapatmak için bir fonksiyon
    function closePopup() {
      var popup = document.getElementById('myPopup');
      popup.style.display = 'none';
    }

    // Belirli bir süre sonra pop-up'ı göster
    setTimeout(showPopup, 3000); // 3 saniye sonra göster

    // Kapatma butonuna tıklayınca pop-up'ı kapat
    var closeBtn = document.getElementById('closePopupBtn');
    if (closeBtn) {
      closeBtn.addEventListener('click', closePopup);
    }
  });
</script>

<style>
  #myPopup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }
  #closePopupBtn {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
  }
</style>

<div id="myPopup">
  <p>Bu bir pop-up penceresidir!</p>
  <button id="closePopupBtn">Kapat</button>
</div>