Html bilenler yardımcı olabilirmi

01-05-2021, 01:22:14

#1

tamer5559

Şu kodu siteme ekledim ama her sayfa yenilendiğinde gösteriyor ben tek seferlik göstersin istiyorum (html bilgim yok )







<style>#kd-c{display:block;position:fixed;z-index:27;top:0;left:0;width:0;height:0;font-size:0;overflow:hidden}.kd-d{min-width:100%;min-height:100%}#kd-m{position:absolute;z-index:1;top:100px;left:50%;margin-left:-280px;width:560px;min-height:300px;color:#fff;font-family:Arial,sans-serif;font-weight:400;font-size:22px;text-align:center;opacity:0}.kd-d #kd-m{transitionpacity 2s 1s ease-in;-webkit-transitionpacity 2s 1s ease-in;-o-transitionpacity 2s 1s ease-in;-moz-transitionpacity 2s 1s ease-in;opacity:1!important}#kd-m a:hover{cursorointer}#kd-r{display:block;margin:20px auto}.kc{font-size:13px;display:inline-block;width:12.5%;background:0 0;transform:skew(12deg,-12deg) rotate(30deg);-webkit-transform:skew(12deg,-12deg) rotate(30deg);-moz-transform:skew(12deg,-12deg) rotate(30deg);-o-transform:skew(12deg,-12deg) rotate(30deg);transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;height:25%;transition:transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s;-webkit-transition:-webkit-transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s;-o-transition:-o-transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s;-moz-transition:-moz-transform ease-in .5s,background ease-in .5s,box-shadow ease-in .5s}#kd-m img{border:none}.kd-d .kc{background:#213;transform:skew(0deg,0deg) rotate(0deg);-webkit-transform:skew(0deg,0deg) rotate(0deg);-moz-transform:skew(0deg,0deg) rotate(0deg);-o-transform:skew(0deg,0deg) rotate(0deg)}.kd2c[alt="1"]{-webkit-transition-delay:.3s;transition-delay:.3s;-o-transition-delay:.3s;-moz-transition-delay:.3s}.kd2c[alt="2"]{-webkit-transition-delay:.35s;transition-delay:.35s;-o-transition-delay:.35s;-moz-transition-delay:.35s}.kd2c[alt="3"]{-webkit-transition-delay:.4s;transition-delay:.4s;-o-transition-delay:.4s;-moz-transition-delay:.4s}.kd2c[alt="4"]{-webkit-transition-delay:.45s;transition-delay:.45s;-o-transition-delay:.45s;-moz-transition-delay:.45s}.kd2c[alt="5"]{-webkit-transition-delay:.55s;transition-delay:.55s;-o-transition-delay:.55s;-moz-transition-delay:.55s}.kd2c[alt="6"]{-webkit-transition-delay:.6s;transition-delay:.6s;-o-transition-delay:.6s;-moz-transition-delay:.6s}.kd2c[alt="7"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd2c[alt="8"]{-webkit-transition-delay:.7s;transition-delay:.7s;-o-transition-delay:.7s;-moz-transition-delay:.7s}.kd3c[alt="1"]{-webkit-transition-delay:.4s;transition-delay:.4s;-o-transition-delay:.4s;-moz-transition-delay:.4s}.kd3c[alt="2"]{-webkit-transition-delay:.45s;transition-delay:.45s;-o-transition-delay:.45s;-moz-transition-delay:.45s}.kd3c[alt="3"]{-webkit-transition-delay:.5s;transition-delay:.5s;-o-transition-delay:.5s;-moz-transition-delay:.5s}.kd3c[alt="4"]{-webkit-transition-delay:.55s;transition-delay:.55s;-o-transition-delay:.55s;-moz-transition-delay:.55s}.kd3c[alt="5"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd3c[alt="6"]{-webkit-transition-delay:.7s;transition-delay:.7s;-o-transition-delay:.7s;-moz-transition-delay:.7s}.kd3c[alt="7"]{-webkit-transition-delay:.75s;transition-delay:.75s;-o-transition-delay:.75s;-moz-transition-delay:.75s}.kd3c[alt="8"]{-webkit-transition-delay:.8s;transition-delay:.8s;-o-transition-delay:.8s;-moz-transition-delay:.8s}.kd4c[alt="1"]{-webkit-transition-delay:.5s;transition-delay:.5s;-o-transition-delay:.5s;-moz-transition-delay:.5s}.kd4c[alt="2"]{-webkit-transition-delay:.55s;transition-delay:.55s;-o-transition-delay:.55s;-moz-transition-delay:.55s}.kd4c[alt="3"]{-webkit-transition-delay:.6s;transition-delay:.6s;-o-transition-delay:.6s;-moz-transition-delay:.6s}.kd4c[alt="4"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd4c[alt="5"]{-webkit-transition-delay:.75s;transition-delay:.75s;-o-transition-delay:.75s;-moz-transition-delay:.75s}.kd4c[alt="6"]{-webkit-transition-delay:.8s;transition-delay:.8s;-o-transition-delay:.8s;-moz-transition-delay:.8s}.kd4c[alt="7"]{-webkit-transition-delay:.85s;transition-delay:.85s;-o-transition-delay:.85s;-moz-transition-delay:.85s}.kd4c[alt="8"]{-webkit-transition-delay:.9s;transition-delay:.9s;-o-transition-delay:.9s;-moz-transition-delay:.9s}.kd5c[alt="1"]{-webkit-transition-delay:.6s;transition-delay:.6s;-o-transition-delay:.6s;-moz-transition-delay:.6s}.kd5c[alt="2"]{-webkit-transition-delay:.65s;transition-delay:.65s;-o-transition-delay:.65s;-moz-transition-delay:.65s}.kd5c[alt="3"]{-webkit-transition-delay:.7s;transition-delay:.7s;-o-transition-delay:.7s;-moz-transition-delay:.7s}.kd5c[alt="4"]{-webkit-transition-delay:.75s;transition-delay:.75s;-o-transition-delay:.75s;-moz-transition-delay:.75s}.kd5c[alt="5"]{-webkit-transition-delay:.85s;transition-delay:.85s;-o-transition-delay:.85s;-moz-transition-delay:.85s}.kd5c[alt="6"]{-webkit-transition-delay:.9s;transition-delay:.9s;-o-transition-delay:.9s;-moz-transition-delay:.9s}.kd5c[alt="7"]{-webkit-transition-delay:.95s;transition-delay:.95s;-o-transition-delay:.95s;-moz-transition-delay:.95s}.kd5c[alt="8"]{-webkit-transition-delay:1s;transition-delay:1s;-o-transition-delay:1s;-moz-transition-delay:1s}</style><div id="kd-c"><div id="kd-m"><a onclick="document.getElementById('kd-c').className=''">Reklamı Kapatmak İçin Buraya Tıklayın</a>

<a href="https://www.tamerkoc.com" target="_blank" id="kd-r">

<img src="https://1.bp.blogspot.com/--wP9hEwzC_k/YIfP_MbiXZI/AAAAAAAABXg/t6bd7uud9e0mXqsxw48wfGD5crneXMo5ACLcBGAsYHQ/s0/be59ec76-7d8b-42f3-8fe9-226dc15ca874.gif"/>

</a></div> <div class="kc kd2c" alt="1"></div> <div class="kc kd2c" alt="2"></div> <div class="kc kd2c" alt="3"></div> <div class="kc kd2c" alt="4"></div> <div class="kc kd2c" alt="5"></div> <div class="kc kd2c" alt="6"></div> <div class="kc kd2c" alt="7"></div> <div class="kc kd2c" alt="8"></div> <div class="kc kd3c" alt="1"></div> <div class="kc kd3c" alt="2"></div> <div class="kc kd3c" alt="3"></div> <div class="kc kd3c" alt="4"></div> <div class="kc kd3c" alt="5"></div> <div class="kc kd3c" alt="6"></div> <div class="kc kd3c" alt="7"></div> <div class="kc kd3c" alt="8"></div> <div class="kc kd4c" alt="1"></div> <div class="kc kd4c" alt="2"></div> <div class="kc kd4c" alt="3"></div> <div class="kc kd4c" alt="4"></div> <div class="kc kd4c" alt="5"></div> <div class="kc kd4c" alt="6"></div> <div class="kc kd4c" alt="7"></div> <div class="kc kd4c" alt="8"></div> <div class="kc kd5c" alt="1"></div> <div class="kc kd5c" alt="2"></div> <div class="kc kd5c" alt="3"></div> <div class="kc kd5c" alt="4"></div> <div class="kc kd5c" alt="5"></div> <div class="kc kd5c" alt="6"></div> <div class="kc kd5c" alt="7"></div> <div class="kc kd5c" alt="8"></div></div><script>function kdosturek(){setTimeout(function(){document.getElem entById('kd-c').className='kd-d';}, 1000);}kdosturek();window.onload=kdosturek;</script>



<script src="https://www.koddostu.com/duzelt.js?no=101"></script>
01-05-2021, 01:44:47

#2

tnyblc

benim bigilerim dahilinde tek seferlik popup u ancak cookie kontrolü ile yapabilirsin siteye girildiğinde ilk cookie kontrol edilecek cookie içinde belirlediğin popup cookie'si yok ise popup gösterilecek ve cookie's e popup eklenecek böylelikle sayfa yenilediğinde yada tekrar girildiğinde cookie kontrolünde popup cookie'si olduğu için tekrardan gösterilmeyecek ve bu cookie'in ne zaman sonlanacağını da belirleyebileceksin örneğin 1 gün 1 hafta 1 saat v.. bunu javascript ile yapabilirsin
01-05-2021, 02:45:56

#3

aliumac

localStorage son kullanma tarihi (expire date) olmayan objedir. kullanımı kolay ve performanslıdır cookie yerine kullanılabilir