Splash Kodu - R10.net

01-02-2015, 00:45:47

Arkadaşlar,

http://www.gulaylar.com/ linkte gözüktüğü gibi bir (Paraf reklamı)
http://www.fox.com.tr/ (aşk yeniden tv reklamı) splash koduna ihtiyacımız var. Arka taraf linkteki gibi kararacak şekilde olmalı. Kodu kesin aynı şekilde yazabilecek arkadaşlar fiyatı ile pm atarsa sevinirim. Konu çok acildir. Teşekkürler..

İyi çalışmalar.

01-02-2015, 06:08:35

#2

kadanix

http://kylefox.ca/jquery-modal/examples/
şuraya bak uygulayamazsan yardımcı oluruz

01-02-2015, 15:20:10

#3

~~CssValley~~

Üyeliği durduruldu

Ryokan adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar,

http://www.gulaylar.com/ linkte gözüktüğü gibi bir (Paraf reklamı)
http://www.fox.com.tr/ (aşk yeniden tv reklamı) splash koduna ihtiyacımız var. Arka taraf linkteki gibi kararacak şekilde olmalı. Kodu kesin aynı şekilde yazabilecek arkadaşlar fiyatı ile pm atarsa sevinirim. Konu çok acildir. Teşekkürler..

İyi çalışmalar.

merhabalar

verdiğiniz linklerdeki reklam gösterimi çok sıkıcı çünkü her defasında sayfa değişince yenilenince ekrana geliyor bir süre sonra ziyaretçiyi bıktırır...

ancak basit bir cookie işlemi ile bunun önüne geçerek daha etkileyici birşey yapılır....

bunun için size örnek olarak jquery cookie kullanarak basit bir örnek hazırladım.

Öncelikle sayfaya aşağıdaki js leri dahil edin...

<script src="js/jq.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/Ortala.js"></script>

bunları aşağıdan indirebilirsiniz...

http://p.hit.im/r10/ryokan/js/jq.js
http://p.hit.im/r10/ryokan/js/jquery.cookie.js
http://p.hit.im/r10/ryokan/js/Ortala.js

daha sonra şu css kodunu dahil edin:

#overlay {
    background: none repeat scroll 0 0 #000;
    height: 100%;
    opacity: 0.75;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
#popup {
    background: none repeat scroll 0 0 #151515;
    border: 12px solid #fff;
    border-radius: 30px;
    box-shadow: 0 2px 5px #666 inset;
    color: #333;
    font-family: arial;
    font-size: 120%;
    height: 200px;
    padding: 20px;
    text-align: center;
    width: 400px;
    z-index: 10000;
}
#popup img {
    border-radius: 12px;
    margin: 0 auto;
}
#overlay {
    background: none repeat scroll 0 0 #000;
    height: 100%;
    opacity: 0.75;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

<body> den sonra da şu kodlarını...

<div style="display:none;" onclick="popupGizle();" id="overlay"></div>
<div style="display:none;" id="popup"><img src="https://i.hizliresim.com/gnVPgb.jpg" /></div>

</body> den önce de şu js kodlarını:

// popup ortalama fonksiyonu..
function popupOrtala(){
	jQuery('#popup').ortala();		
}

// ilk açıldığında popupu ortala
popupOrtala();

// sayfa yeniden boyutlandırılmaya çalışılırsa yine popupu ortala
jQuery(window).bind('resize', function() {
	popupOrtala();
});

// scrool kaydırılırsa da popupu ortala...
jQuery(window).bind('scroll', function() {
	popupOrtala();
});

/* 
şimdi herkese 1 kez gösterme mantığımız şu şekilde, giren herkese daha önce gesterilmediyse gösterilecek
ve giren herkesin tanımladığımız popup ismindeki cookie si  Reklamı görüp overlay a tıklayana kadar 0 (sıfır) dır...
overlay a tıklayıp reklamı kapattığında bu cookie yi 1 (bir) yapacağız biz buradan o kişinin reklamı gördüğünü anlayacağız 
ve ona artık bir sonraki gelişinde reklamı göstermeyeceğiz...

popup ismindeki cookie daha önceden oluşturulmuş mu ona bakalım? */
if (jQuery.cookie('popup')) {
// cookie var dokunma..
} else {
// cookie yok oluştur.
$.cookie('popup', 0, { expires: 365, path: '/' });	 
}



// overlay gösterme fonks.
function overlayGoster(){
	$("#overlay").show();
}

// overlay gizleme fonks...
function overlayGizle(){
	$("#overlay").hide();	
}

// popup gösterme fonk... popup açınca overlay ı da aç
function popupGoster(){
	jQuery('#popup').fadeIn();		
	overlayGoster();
}

// popup gizleme fonks... popup kapatınca overlayı da kapat...
function popupGizle(){
	jQuery('#popup').fadeOut();	
	overlayGizle();
	// popup u kapattığı için görmüştür demek olduğundan cookiesini 1 yapıyoruz...
	$.cookie('popup', 1, { expires: 365, path: '/' });		
	
}


if($.cookie('popup')==0){
	popupGoster();
} else if($.cookie('popup')==1){
	popupGizle();
}



// yeniden test etmek için cookieyi resetleme
	function resetle(){
		$.cookie('popup', 0, { expires: 365, path: '/' });		
		alert("Cookie silindi sayfayı yenileyip yeniden görebilirsiniz...");
	}

Çalışan örneği:

http://p.hit.im/r10/ryokan/index.php

Kolay gelsin iyi çalışmalar...

06-02-2015, 11:13:24

#4

Ryokan

Teşekkür ediyorum, uygulamada sıkıntı çekersek sizlere yazacağım.

21-07-2017, 11:38:43

#5

Vetch

Konuyu hortlattım mı bilmiyorum ama benzer bir şeyi bende yapmayı denedim. Fakat çalışıyor mu emin değilim: https://www.misspirlanta.com