Geri Sayımlı Random Değişen Reklam Gösterimi.

21-02-2010, 02:35:35

Daha önce Css ve Javascript yardımıyla Random Değişen Giriş Sayfası yapmıştık. Şimdiki kodumuz ise size çok yabancı değil. Bu kod Internethaber.com doviz.com gibi internet sitelerinde gördüğünüz ilk girişde belirli bir saniyeden geriye doğru sayarak o saniye içinde reklamın size görünmesini ve geri sayım bittiğinde siteye yönlendirmesini sağlayan koddur. Biraz uzun oldu sanırım hemen işin demo kısmına geçelim.

Scripti Test Adresimiz : https://www.naimtufekci.com/dosyalar...eklamgosterimi

Scripti İndirme Adresimiz : https://www.naimtufekci.com/dosyalar...rimi/indir.zip

Sıra geldi kodlara bu script de CSS i fazla kullanmadık ama Atalarımızın da dediği gibi CSS siz web sitesi Makyajsız Kadına Benzer Buyrun kodlar ;

CSS Kodlarımız;

BODY {
background-color: #EBEBEB;
margin: 0px;
	}
.table1
{
	 width:100%;
	 background-color:#F00;
	 border:none;
	 border-bottom:solid 1px #00005C;
}
.skip-button {
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
background-color: RED;
padding: 3px;
text-decoration: none;
	}

JavaScript Kodlarımız

<SCRIPT language=javascript>
	function startAd(){

		setTimeout('rD();',08*1000);
		cD();
	}

	var stop=1;
	var time=08;
	var iCK=0;

	function rD(){
		if(stop) location.href="http://www.naimtufekci.com";
	}
	function cD(){
		if(time>0){
			setTimeout('cD();',1000);
		}
		if(document.getElementById){
			modify(time);
		}
		time=time-1;
	}

	function modify(timX){
		var element = document.getElementById("txT");

		if(stop==1) {
			if(time==0) {
				timX='Yönlendiriliyor.';
			}
			else{
				timX=timX+" saniye";
			}
		}

		else {
			timX="Durduruldu.";
		}

		if(element){
			var newNode = document.createTextNode(timX);
			element.replaceChild(newNode, element.firstChild);
		}
	}
</script>
<script>
var hrefVal = "http%3A%2F%2Fwww%2Enaimtufekci%2Ecom";
var nurl = "";
</script>
</head>
<body onLoad="startAd();">
<table class="table1" cellspacing="0" cellpadding="1">
	<tr>

		<td  width="10"></td>
		<td height="30" style="font-family: tahoma; font-size: 11px; color: #FFFFFF;"><script language=javascript>document.write('Giriş sayfasına yönlendiriliyorsunuz... <strong><a id="txT">saniye</a></strong>');</script></td>
		<td align=right style="padding-right:17px;"><a href="http://www.naimtufekci.com"><span class="skip-button">Reklamı Geç</span></a></td>

	</tr>
</table>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center" valign="top" style="padding-top:5px;"><p align="center">
<script LANGUAGE="JavaScript">
var NumberOfAds = 4;
var now = new Date()
var sec = now.getSeconds()
var AdNumber = sec % NumberOfAds;
AdNumber +=1;
if (AdNumber==1)
{
 url="http://www.naimtufekci.com/";
 Graphic="http://www.naimtufekci.com/dosyalar/surelireklamgosterimi/image/1.gif";
  width = "800"
 height = "572"
}
if (AdNumber==2)
{
 url="http://www.naimtufekci.com/";
 Graphic="http://www.naimtufekci.com/dosyalar/surelireklamgosterimi/image/2.gif";
  width = "800"
 height = "572"
}
if (AdNumber==3)
{
 url="http://www.naimtufekci.com/";
 Graphic="http://www.naimtufekci.com/dosyalar/surelireklamgosterimi/image/3.jpg";
  width = "800"
 height = "572"
}
if (AdNumber==4)
{
 url="http://www.naimtufekci.com/";
 Graphic="http://www.naimtufekci.com/dosyalar/surelireklamgosterimi/image/4.jpg";
  width = "800"
 height = "572"
}
document.write('<center>');
document.write('<a href=\"' + url + '\">');
document.write('<img src=\"' + Graphic + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('border=0><br>');
document.write('</a>');
document.write('</center>');
</script>
	</tr>

</table>

Kaynak : http://www.naimtufekci.com/geri-sayi...klam-gosterimi

21-02-2010, 03:47:41

#2