31-03-2017 Saat: 00:11
Sayfayı terk edecek kullanıcılara, sayfanızı terk etmeden önce facebook sayfanızı önermek veya ana sayfa'ya yönlendirmek ister miydiniz? Ya da son çıkan yayınlarınızın bir listesini göstermek? Sitenizden çıkış yapmadan önce görünecek bu harika pencereyi dilediğiniz gibi özelleştirmek de mümkün!
ÖNİZLEME
ÖNİZLEME
Kod:
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Siteden Çıkan Kullanıcıya Pencere Gösterme Kodu-->
<div id="koddostu-com-sayfa-terk-holder">
<div id="kcsthp">
<a id="kapatacakbrs" onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);">x</a>
<a id="brsny" class="telif-materyali">Bir Saniye!</a>
<p>
Siteyi terk edecek gibi görünüyorsun.<br/><br/>
Yeni yayınlardan haberdar olmak için facebook
sayfamızı takip etmek isteyebilirsin.<br/><br/>
İlgini çekebilecek birkaç şey daha var.
Hemen göz atmak için anasayfa'ya uğrayabilirsin:
</p>
<a target="_blank" href="http://www.facebook.com/koddostu" class="gcdbbtn">Facebook'a Git</a>
<a href="http://www.koddostu.com/" class="gcdbbtn">Anasayfa'ya Git</a>
</div>
</div>
<style> #koddostu-com-sayfa-terk-holder{ position:fixed;display:none;top:0;left:0; width:100%;height:100%; background-color:rgba(0,0,0,0.3); text-align:center; } #kcsthp{position:absolute;width:95%;max-width:450px; margin:0 auto; border-radius:3px; -webkit-border-radius:3px; transform: translateY(-52%); -ms-transform: translateY(-52%); -webkit-transform: translateY(-52%); background:#fff;top:50%;left:0;right:0; -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2); box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2); padding:16px;overflow:hidden; } #brsny{font-size:32px;display:block;text-align:center;text-decoration:none !important; font-weight:normal;color:#333; font-family:Arial, sans-serif; } #kapatacakbrs{position:absolute;top:0;right:0;display:block;width:32px;height:32px; font-size:24px;line-height:32px; padding:8px; font-weight:normal;font-family:Verdana, Geneva, sans-serif; color:#444; } #kapatacakbrs:hover{ cursor:pointer; background:#eee; } #kcsthp p{margin:24px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:16px;color:#444;font-weight:normal;text-align:left; } .gcdbbtn{ display:inline-block;margin:16px 4px 0 4px; padding:7px 12px; font-weight:normal; color:#555; font-size:16px; line-height:22px; text-transform:uppercase !important; text-decoration:none !important;font-family:Arial, Helvetica, sans-serif; font-size:14px;font-weight:bold;text-align:left; border-radius:3px; -webkit-border-radius:3px; } .gcdbbtn:hover{ background:rgba(50,50,50,0.1); } </style>
<script type="text/javascript">
function getScrollTop(){
if(typeof pageYOffset!= 'undefined'){
return pageYOffset;
}
else{
var B= document.body;
var D= document.documentElement;
D= (D.clientHeight)? D: B;
return D.scrollTop;
}
}
function addEvent(obj, evt, fn) {
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
}
else if (obj.attachEvent) {
obj.attachEvent("on" + evt, fn);
}
}
addEvent(window,"load",function(e) {
addEvent(document, "mouseout", function(e) {
e = e ? e : window.event;
var from = e.relatedTarget || e.toElement;
if (!from || from.nodeName == "HTML") {
var top = e.offsetY - getScrollTop();
if(top <= 0){
document.getElementById('koddostu-com-sayfa-terk-holder').style.display='block';
}
}
});
});
</script>
<script src="https://www.koddostu.com/duzelt.js?no=318"></script>