maltepe escort ataşehir escort

Html Pop-Up Kodu.

Serap

Moderatör
Platin
Ad Soyad
S***** B****
Mesajlar
35
Beğeni
7
Nereden
Tekirdağ
Ticaret
0 (0%)
Deprem için hazırlanmış ve düzenlenebilir, HTML popup kodudur.

Sitede şu şekilde gözükmektedir;

asdasd.png

Header altına eklenecek kod;

Kod:
<style type="text/css">.kizilay-container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);position: fixed;z-index: 90;width: 100%;max-width: 500px;}.kizilay-overlay {position: fixed;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;left: 0;top: 0;z-index: 9;}.kizilay-close {position: absolute;right: -10px;top: -15px;background: #1b1b1b;font-size: 32px;color: #fff;border-radius: 100%;border: 2px solid #cacaca;padding: 2px 10px;line-height: 1;cursor:pointer;}</style>
<div class="kizilay-popup">
           <div class="kizilay-wrap">
                    <div class="kizilay-overlay"></div>
                                 <div class="kizilay-container">
                                               <div class="kizilay-close">&times;</div>
                                                                 <a href="https://www.kizilay.org.tr/Bagis/BagisYap/404/pazarcik-depremi-bagisi?utm_source=r10&utm_medium=banner&utm_campaign=deprem" rel="nofollow" target="_blank"><img src="https://cdn.r10.net/editor/27818/84720729.png" alt="Deprem Yardım"></a>
                                                </div>
                                        </div>
                                 </div>

Javascript kodu / Sitenin sonuna eklenecek kod:

Kod:
<script type="text/javascript">   
    function getCookie(name) {
    const value = `; ${document.cookie}`;
    const parts = value.split(`; ${name}=`);
    if (parts.length === 2) return parts.pop().split(';').shift();
    }
    
    if(getCookie("kizilaygosterme")==1) {
        document.querySelector(".kizilay-popup").style.display = "none";
    }
    
    document.querySelector(".kizilay-close").addEventListener("click", function() {
    document.querySelector(".kizilay-wrap").style.display = "none";
    document.cookie = "kizilaygosterme=1; path=/;";
    });
</script>

Bir kere kapatıldığında çerez oluşuyor ve tekrar gösterilmemekte bilginize.
-> Kodları GitHup üzerinden almak isterseniz; https://github.com/v4r1able/kizilay-popup
 

Şu anda bu konu'yu okuyan kullanıcılar

Benzer konular

Anasayfa Kayıt Ol Giriş Yap
Üst