Deprem için hazırlanmış ve düzenlenebilir, HTML popup kodudur.
Sitede şu şekilde gözükmektedir;
Header altına eklenecek kod;
Javascript kodu / Sitenin sonuna eklenecek kod:
Bir kere kapatıldığında çerez oluşuyor ve tekrar gösterilmemekte bilginize.
-> Kodları GitHup üzerinden almak isterseniz; https://github.com/v4r1able/kizilay-popup
Sitede şu şekilde gözükmektedir;
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">×</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