SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod133

Açıklamalı resim

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <style><!-- Free JavaScripts at http://www.ScriptBreaker.com --> .divstyle{position:absolute; border:1px groove #115585; width:150; top:0; left:0; } .pstyletitle{postion:absolute; background:#b1b49e; color:white; font-size:70%; font-family:verdana; heigth:50px;} .pstylebody{postion:absolute; background:#ebe9d9; font-size:70%; font-family:verdana;} </style> <script language="JavaScript1.2"> var IE = document.all?true:false if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop } else { // grab the x-y pos.s if browser is NS tempX = e.pageX tempY = e.pageY } // catch possible negative values in NS4 if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} // show the position values in the form named Show // in the text fields named MouseX and MouseY obj_info = document.getElementById("info") obj_info.style.top = tempY + 10; obj_info.style.left = tempX + 10; return true } function alert_msg(titletext,bodytext){ obj_info = document.getElementById("info") obj_info.style.display = ''; obj_imagetitle = document.getElementById("imagetitle"); obj_imagetitle.innerHTML = titletext; obj_imagebody = document.getElementById("imagebody"); obj_imagebody.innerHTML = bodytext; } function away() { obj_info = document.getElementById("info") obj_info.style.display = 'none'; } function goToURL() { history.go(-1); } </script> <body> <div Class="divstyle" id="info" style='display:none;'> <div id="imagetitle" class="pstyletitle" align="center"></div> <div id="imagebody" class="pstylebody"></div> </div> <img src="balik.jpg" width="240" height="160" onmouseover="alert_msg('Buraya Resmin adını','Burayada <br>resmin açıklamasını yazacaksınız')" onmouseout="away()"> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Buğulu resim

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <font size="2" color="#115585">Mouse imlecini imaj üzerine getiriniz...</font><br><br><br><br><br><br><br>  <head> <script> <!--/*M.M.S PRODUCTIONS*/ function blu(a,b){ a.filters.blur.strength=b }//--> </script> </head> <body> <div id="Layer1" style="position:absolute; left:210px; top:120px; width:296px; height:96px; z-index:2"> <dd><a href="http://www.gezginler.net"> <img src="al.gif" border="0" style="filter:blur(strength=0)" onmouseover="blu(this,10)" onmouseout="blu(this,0)" ></a> </dd> </div><div id="Layer2" style="position:absolute; left:63px; top:90px; width:161px; height:22px; z-index:3"> </body> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Carousel Slideshow

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <!---<body> Başlangıcı  ---> <BODY onload="Carousel()"> <script type="text/javascript">  /*********************************************** * Carousel Slideshow script- © Ger Versluis 2003 * Permission granted to DynamicDrive.com to feature script * This notice must stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/  /******************************************************** 	Create a div with transparent place holder in your html	 	<div id="Carousel" style="position:relative"> 		<img src="placeholder.gif" width="404" height="202"> 	</div> 	placeholder width: 		 4 sided: 1.42 * carousel image width + 3 		 6 sided: 2 * carousel image width +4 		 8 sided: 2.62 * carousel image width + 5 		12 sided: 3.87 * carousel image width + 7 	placeholder height:  		carousel image height+2  	Insert onload in body tag 		<body onload="Carousel()">	 *********************************************************/  // 7 variables to control behavior 	var Car_Image_Width=100; 	var Car_Image_Height=175; 	var Car_Border=true;		// true or false 	var Car_Border_Color="white"; 	var Car_Speed=4; 	var Car_Direction=true;		// true or false 	var Car_NoOfSides=8;		// must be 4, 6, 8 or 12  /* array to specify images and optional links.  	For 4 sided carousel specify at least 2 images 	For 6 sided carousel specify at least 3 	For 8 sided carousel specify at least 4 	For 12 sided carousel specify at least 6  If Link is not needed keep it "" */ 	Car_Image_Sources=new Array( 		"1.jpg","http://www.gezginler.net", 		"7.jpg","http://www.gezginle.net", 		"2.gif","", //this slide isn't linked 		"5.gif","http://www.gezginler.net" // NOTE No comma after last line 		);  /***************** DO NOT EDIT BELOW **********************************/ 	CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2); 	C_Coef=new Array( 		3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,	0, 		Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3); 	var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9; 	C_Pre_Img=new Array(Car_Image_Sources.length); 	var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW, 	C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;  	function Carousel(){ 		if(document.getElementById){ 			for(i=0;i<Car_Image_Sources.length;i+=2){ 				C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]} 			C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1; 			Car_Div=document.getElementById("Carousel"); 			for(i=0;i<C_HalfNo;i++){ 				CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);	 				CW_I[i].style.position="absolute"; 				CW_I[i].style.top=0+"px"; 				CW_I[i].style.height=Car_Image_Height+"px"; 				if(Car_Border){ 					CW_I[i].style.borderStyle="solid"; 					CW_I[i].style.borderWidth=0+"px"; 					CW_I[i].style.borderColor=Car_Border_Color} 				CW_I[i].src=Car_Image_Sources[2*i]; 				CW_I[i].lnk=Car_Image_Sources[2*i+1]; 				CW_I[i].onclick=C_LdLnk; 				CW_I[i].onmouseover=C_Stp; 				CW_I[i].onmouseout=C_Rstrt} 			CarImages()}}  	function CarImages(){ 		if(!C_Stppd){ 			C_TotalW=0; 			for(i=0;i<C_HalfNo;i++){ 				C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width); 				C_TotalW+=C_ClcW[i]} 			C_LeftOffset=(C_MaxW-C_TotalW)/2; 			for(i=0;i<C_HalfNo;i++){ 				CW_I[i].style.left=C_LeftOffset+"px"; 				CW_I[i].style.width=C_ClcW[i]+"px"; 				C_LeftOffset+=C_ClcW[i]} 			C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1); 			if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){ 				if(C_CrImg==Car_Image_Sources.length)C_CrImg=0; 				if(Car_Direction){ 					CW_I[C_HalfNo]=CW_I[0]; 					for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1]; 					CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg]; 					CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]} 				else{	for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1]; 					CW_I[0]=CW_I[C_HalfNo]; 					CW_I[0].src=Car_Image_Sources[C_CrImg]; 					CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]} 				C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}} 		setTimeout("CarImages()",50)}  	function C_LdLnk(){if(this.lnk)window.location.href=this.lnk} 	function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;} 	function C_Rstrt(){C_Stppd=false} </script> <div id="Carousel" style="position:relative">    <img src="placeholder.gif" width="371" height="225"> </div> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Düşen resim

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <font size="2" color="#115585">Sayfanın herhangi bir yerinde, mouse'un sol tuşunu, tıklayın...</font><br><br><HEAD> <SCRIPT LANGUAGE="JavaScript1.2"> function BrowserCheck() { var b = navigator.appName; if (b == "Netscape") this.b = "NS"; else if (b == "Microsoft Internet Explorer") this.b = "IE"; else this.b = b; this.v = parseInt(navigator.appVersion); this.NS = (this.b == "NS" && this.v>=4); this.NS4 = (this.b == "NS" && this.v == 4); this.NS5 = (this.b == "NS" && this.v == 5); this.IE = (this.b == "IE" && this.v>=4); this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0); this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0); if (this.IE5 || this.NS5) this.VER5 = true; if (this.IE4 || this.NS4) this.VER4 = true; this.OLD = (! this.VER5 && ! this.VER4) ? true : false; this.min = (this.NS||this.IE); } is = new BrowserCheck(); </script> </HEAD> <BODY> <div id="staticBall" style="position:relative;visibility:visible"> <img src="ninja.gif"> </div> <div id="ball" style="visibility:hidden; position:absolute; left:100; top:10; "> <img src="ninja.gif"> </div> <script language="Javascript1.2"> iter = 0; setId = 0; down = true; up = false; bouncingBall = (is.VER5) ? document.getElementById("ball").style : (is.NS) ? document.layers["ball"] : document.all["ball"].style; stillBall = (is.VER5) ? document.getElementById("staticBall").style : (is.NS) ? document.layers["staticBall"] : document.all["staticBall"].style; winH = (is.NS) ? window.innerHeight - 55 : document.body.offsetHeight - 55; document.onmouseup = buttonUp; if (is.NS4) document.captureEvents(Event.MOUSEUP); function buttonUp(e) { if ( ((is.NS) ? e.which : event.button) != 1) return true; if (setId != 0) clearInterval(setId); bouncingBall.visibility="visible"; stillBall.visibility="hidden"; bouncingBall.left = (is.NS) ? e.pageX - 15 : event.offsetX - 15; bouncingBall.top = (is.NS) ? e.pageY - 15 : event.offsetY - 15; iter = 0; setId = setInterval("generateGravity()", 20); return true; } function generateGravity() { if ((parseInt(bouncingBall.top)+iter < winH) && down) { bouncingBall.top = parseInt(bouncingBall.top) + iter; iter++; return; } else { if ((parseInt(bouncingBall.top)< winH) && down) { bouncingBall.top = winH + 5; return; } down = false; up = true; if (iter < 0 && parseInt(bouncingBall.top) > winH) { clearInterval(setId); bouncingBall.visibility = "hidden"; stillBall.visibility="visible"; setId = 0; } if (parseInt(bouncingBall.top) > 0 && up && iter >= 0) { bouncingBall.top = parseInt(bouncingBall.top) - iter; iter--; if (iter%3 == 0) iter--; return; } down = true; up = false; } } </script> </BODY> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Dönen resim

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <HEAD> <!-- Original: Colin Patterson (colnrita@westnet.com.au ) --> <SCRIPT language="JavaScript" type="text/javascript"> var wdmax=180; //set maximum width of square image (px) / resmin maximum genişliği var wdmin=0; //set minimum thickness of edge-on image (px) / resmin incelme genişliği var inc=5; //set step change in px (wdmax-wdmin must be a multiple) )These two variables / değişme hızı var rate = 50; //pause between steps (in millisec)determine flip-flop speed / her bir hareketteki bekleme süresi var pause = 1000; //pause between flip and flop (in millisec) / resim değişirken bekleme süresi var ff="flip"; //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change. / ilk değişme stili (diğeri 'flop') function flipflop() { if (ff=="flip") { var wd = document.getElementById("pic").getAttribute("width"); wd = wd - inc; document.getElementById("pic").setAttribute("width",wd); if (wd==wdmin) { document.getElementById("pic").setAttribute("src","istanbul7.jpg"); //substitute name of your second picture / ikinci resim inc=-inc; } if (wd==wdmax) { ff="flop"; inc=-inc; setTimeout("flipflop()",pause); } else { setTimeout("flipflop()",rate); } } else { var ht = document.getElementById("pic").getAttribute("height"); ht = ht - inc; document.getElementById("pic").setAttribute("height",ht); if (ht==wdmin) { document.getElementById("pic").setAttribute("src","balik.jpg"); //substitute name of your first picture / ilk resim inc=-inc; } if (ht==wdmax) { ff="flip"; inc=-inc; setTimeout("flipflop()",pause); } else { setTimeout("flipflop()",rate); } } } --> </SCRIPT> </HEAD> <BODY onLoad="javascript:flipflop()"> <center> <TABLE border="0"> <th width="160" height="160"> <IMG src="balik.jpg" width="180" height="120" ID="pic"> </th></TABLE> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Flash border

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net --->  <style> <!-- .flashgroup{ border:3px solid green; } --> </style> </head>  <body><img src="manzara.jpg" width="180" height="130" id="flash0" class="flashgroup"> <script language="JavaScript1.2"> /*http://www.javascriptkit.com*/  //border rengi var flashcolor="aqua " //geçiş hızı var speed=150   var curborder=new Array() var increment=0 var flashobject=new Array()  if (document.all||document.getElementById){ while (document.getElementById("flash"+increment)!=null){ flashobject[increment]=document.getElementById? document.getElementById("flash"+increm <!-- www.kodbuldum.net.tc -->

Görünüp kaybolan resim

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4)) var count=0, count2=0, add1 = 3, add2 = 10, timerID function show() { if (ie4) { count +=add1 count2+=add2 delay=30 if(count2>100) count2=100 if(count>100) { count=100 add1 =-10 add2 =-3 delay=350 } if(count<0) count=0 if(count2<0) { count2=0 add1 =3 add2 =10 delay=200 } napis.style.filter="Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)"  timerID=setTimeout("show()",delay); } } //--> </SCRIPT> </HEAD><BODY><CENTER> <DIV id="napis" style="width:480; font-family: Arial; font-size: 40pt; color: #000066; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> <img src="balik.jpg" width="200" height="160" border="0" alt=""> </DIV> </CENTER> <SCRIPT LANGUAGE="JavaScript"> <!-- setTimeout('show()',10); //--> </SCRIPT> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Kaybolan resim

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <HEAD> <!-- Original: Colin Patterson (colnrita@westnet.com.au ) --> <SCRIPT language="JavaScript" type="text/javascript"> var wdmax=180; //set maximum width of square image (px) / resmin maximum genişliği var wdmin=0; //set minimum thickness of edge-on image (px) / resmin incelme genişliği var inc=5; //set step change in px (wdmax-wdmin must be a multiple) )These two variables / değişme hızı var rate = 50; //pause between steps (in millisec)determine flip-flop speed / her bir hareketteki bekleme süresi var pause = 1000; //pause between flip and flop (in millisec) / resim değişirken bekleme süresi var ff="flip"; //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change. / ilk değişme stili (diğeri 'flop') function flipflop() { if (ff=="flip") { var wd = document.getElementById("pic").getAttribute("width"); wd = wd - inc; document.getElementById("pic").setAttribute("width",wd); if (wd==wdmin) { document.getElementById("pic").setAttribute("src","istanbul7.jpg"); //substitute name of your second picture / ikinci resim inc=-inc; } if (wd==wdmax) { ff="flop"; inc=-inc; setTimeout("flipflop()",pause); } else { setTimeout("flipflop()",rate); } } else { var ht = document.getElementById("pic").getAttribute("height"); ht = ht - inc; document.getElementById("pic").setAttribute("height",ht); if (ht==wdmin) { document.getElementById("pic").setAttribute("src","balik.jpg"); //substitute name of your first picture / ilk resim inc=-inc; } if (ht==wdmax) { ff="flip"; inc=-inc; setTimeout("flipflop()",pause); } else { setTimeout("flipflop()",rate); } } } --> </SCRIPT> </HEAD> <BODY onLoad="javascript:flipflop()"> <center> <TABLE border="0"> <th width="160" height="160"> <IMG src="balik.jpg" width="180" ID="pic"> </th></TABLE> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Periskop Bakış

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <head> <SCRIPT language=javaScript> bild0 = new Image(); bild0.src = "peep1310.gif"; bild1 = new Image(); bild1.src = "istanbul7.jpg"; var moveimageby var x var y var stopit=0 var speed=5 var timer function stopmov() { stopit=1 } function showonload() { if(document.all) { document.all.mainbod.style.posLeft=250 document.all.preloadinfo.style.posLeft=-1000 document.all.behind.style.posLeft=-320 document.all.peep.style.posLeft=-100 } else if(document.layers) { document.mainbod.left=250 document.preloadinfo.left=-1000 document.behind.left=-320 document.peep.left=-100 } } function choosedirection(direction) { stopit=0 moveimageby = direction if (moveimageby=='left'){x=speed; y=0} if (moveimageby=='right'){x=-speed; y=0} if (moveimageby=='up'){x=0; y=speed} if (moveimageby=='down'){x=0; y=-speed} moveimage() } function moveimage() { if(document.all && stopit==0) { document.all.behind.style.posLeft+=x document.all.behind.style.posTop+=y timer=setTimeout("moveimage()",100) } else if(document.layers && stopit==0) { document.behind.left+=x document.behind.top+=y timer=setTimeout("moveimage()",100) } else { clearTimeout(timer) } } </SCRIPT> </HEAD> <BODY bgColor=#ebe2d3 onload=showonload()> <DIV id=behind style="LEFT: -1000px; VISIBILITY: visible; POSITION: absolute; TOP: 30px"><IMG src="../manzara.jpg" border=0></DIV> <DIV id=peep style="LEFT: -1000px; VISIBILITY: visible; POSITION: absolute; TOP: -50px"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD width=200 bgColor=#ebe2d3 height=100>.</TD> <TD bgColor=#ebe2d3>.</TD> <TD width=2000 bgColor=#ebe2d3>.</TD></TR> <TR> <TD bgColor=#ebe2d3 height=100>.</TD> <TD> <MAP name=titelbild.map><AREA onmouseover="choosedirection('left')" onmouseout=stopmov() shape=RECT coords=0,58,25,82 href="http://www.gezginler.net"><AREA onmouseover="choosedirection('right')" onmouseout=stopmov() shape=RECT coords=114,56,139,83 href="http://www.gezginler.net"><AREA onmouseover="choosedirection('down')" onmouseout=stopmov() shape=RECT coords=60,115,82,139 href="http://www.gezginler.net"><AREA onmouseover="choosedirection('up')" onmouseout=stopmov() shape=RECT coords=58,0,81,25 href="http://www.gezginler.net"></MAP><IMG src="peep1310.gif" useMap=#titelbild.map border=0></TD> <TD width=2000 bgColor=#ebe2d3>.</TD></TR> <TR> <TD bgColor=#ebe2d3>.</TD> <TD bgColor=#ebe2d3>.</TD> <TD width=2000 bgColor=#ebe2d3 height=400>.</TD></TR></TBODY></TABLE></DIV> <DIV id=mainbod style="LEFT: -1000px; VISIBILITY: visible; WIDTH: 200px; POSITION: absolute; TOP: 80px"></DIV> <DIV id=preloadinfo style="LEFT: 250px; VISIBILITY: visible; POSITION: absolute; TOP: 250px"><FONT face=Verdana color=#ffffff size=1><B>Resim yükleniyor, lütfen bekleyiniz...</B></FONT></A> </DIV> </body> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Periskop Bakış 2

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---><head> <script> <!-- PeepBall // Copyright Peter Gehrig and Urs Dudli- info@24fun.ch var x,y var marginbottom var marginleft=0 var margintop=0 var marginright var cliptop var clipbottom var clipleft var clipright var clippoints var ballheight=100 var ballwidth=100 var imageheight=315 var imagewidth=475 // hızı var tempo=150 // yatay hareket var stepx=12 // dikey hareket var stepy=6 var timer function setValues() { if (document.all) { marginbottom = imageheight-ballheight marginright = imagewidth-ballwidth document.all.ball.style.posLeft=randommaker(400) document.all.ball.style.posTop=0 document.all.textcontent.style.posLeft=0 document.all.textcontent.style.posTop=0 document.all.ball.style.filter="alpha(opacity=0,finishopacity=100,style=2,startX=0px,startY=0px,finishX=100px,finishY=100px)"  moveball() } } function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function moveball() { checkposition() if (document.all) { document.all.ball.style.posLeft+=stepx document.all.ball.style.posTop+=stepy cliptop=document.all.ball.style.posTop clipbottom=cliptop+ballheight clipleft=document.all.ball.style.posLeft clipright=clipleft+ballwidth clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.textcontent.style.clip=clippoints timer=setTimeout("moveball()",tempo) } } function checkposition() { if (document.all) { if (document.all.ball.style.posLeft>=marginright) { stepx=stepx*-1 document.all.ball.style.posLeft-=10 } if (document.all.ball.style.posLeft<=marginleft) { stepx=stepx*-1 document.all.ball.style.posLeft+=10 } if (document.all.ball.style.posTop>=marginbottom) { stepy=stepy*-1 document.all.ball.style.posTop-=10 } if (document.all.ball.style.posTop<=margintop) { stepy=stepy*-1 document.all.ball.style.posTop+=10 } } } </script> </head> <body bgcolor=#ebe2d3 onLoad="setValues()"> <DIV id="textcontent" style="position: absolute; top:-5000px; left:-5000px"><img src="http://www.gezginler.net/modules/javascripts/ornek/image/balik.jpg" border="0"></DIV> <DIV id="ball" style="position:absolute; top:-50px; width:100px;height:100px;background-color:#ebe2d3;"></DIV></body> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc --> </textarea></center> <p Align="center"> <span Style="font-family:arial;font-size:9pt;color:#000000;background-color;font-weight:bold;font-style:normal;text-decoration:none; ">Resim gösterimi </span> <p Align="center"> </center><span style="font-size:125%"></span> <center><textarea name="codetext" cols="30" rows="7" readonly="readonly" id="codetext" onfocus="this.select();" onclick="this.select();"> <!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <script> function changeimage(towhat,url){ if (document.images){ document.images.targetimage.src=towhat.src gotolink=url } } function warp(){ window.location=gotolink } </script> <script language="JavaScript1.1"> var myimages=new Array() var gotolink="#" function preloadimages(){ for (i=0;i<preloadimages.arguments.length;i++){ myimages[i]=new Image() myimages[i].src=preloadimages.arguments[i] } } preloadimages("matrix.jpg","matrix1.jpg","matrix2.jpg","matrix3.jpg","matrix4.jpg") </script> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="15%" valign="top" align="left"><p><a href="linkadresiniz.html" target="_blank" onMouseover="changeimage(myimages[0],this.href)" href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 1</font></strong></a></p> <p><a onMouseover="changeimage(myimages[1],this.href)" href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 2</font></strong></a></p><p><a href="linkadresiniz.html" target="_blank" onMouseover="changeimage(myimages[2],this.href)"href="linkadresiniz.html" target="_blank" ><strong><font face="Arial">Resim 3</font></strong></a></p><p><a href="linkadresiniz.html" target="_blank" onMouseover="changeimage(myimages[3],this.href)"href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 4</font></strong></a></p> <p><a onMouseover="changeimage(myimages[4],this.href)" href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 5</font></strong></a></td> <td width="85%" valign="top" align="left"><p align="left"> <a href="linkadresiniz.html" target="_blank"><img src="matrix5.jpg" name="targetimage" border=0></a> </td> </tr> </table> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc --> </textarea></center> <p Align="center"> <span Style="font-family:arial;font-size:9pt;color:#000000;background-color;font-weight:bold;font-style:normal;text-decoration:none; ">Resim gösterimi 2 </span> <p Align="center"> </center><span style="font-size:125%"></span> <center><textarea name="codetext" cols="30" rows="7" readonly="readonly" id="codetext" onfocus="this.select();" onclick="this.select();"> <!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---><!---<head> Başlangıcı ---> <style> #motioncontainer a img{ /*image border color*/ border: 1px solid #ccc; } #motioncontainer a:hover img{ /*image border hover color*/ border: 1px solid navy; } #motioncontainer a:hover{ color: red; /* Dummy definition to overcome IE bug */ }</style> <script type="text/javascript"> /*********************************************** * CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for source code * This copyright notice must stay intact for legal use ***********************************************/ var restarea=6 //width of the "neutral" area in the center of the gallery in px var maxspeed=7 //top scroll speed in pixels. Script auto creates a range from 0 to top speed. function enlargeimage(path, optWidth, optHeight){ //function to enlarge image. Change as desired. var actualWidth=typeof optWidth!="undefined" ? optWidth : "600px" //set 600px to default width var actualHeight=typeof optHeight!="undefined" ? optHeight : "500px" //set 500px to default height var winattributes="width="+actualWidth+",height="+actualHeight+",resizable=yes" window.open(path,"", winattributes) } ////NO NEED TO EDIT BELOW THIS LINE//////////// var iedom=document.all||document.getElementById var scrollspeed=0 var movestate="" if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-10000;"></span>')  var actualwidth='' var cross_scroll, ns_scroll var loadedyes=0 function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } function moveleft(){ if (loadedyes){ movestate="left" if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)) cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px" } lefttime=setTimeout("moveleft()",10) }  function moveright(){ if (loadedyes){ movestate="right" if (iedom&&parseInt(cross_scroll.style.left)<0) cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px" } righttime=setTimeout("moveright()",10) }  function motionengine(e){ var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft; var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop; var curposy=window.event? event.clientX : e.clientX? e.clientX: "" curposy-=mainobjoffset-dsocx var leftbound=(menuwidth-restarea)/2 var rightbound=(menuwidth+restarea)/2 if (curposy>rightbound){ scrollspeed=(curposy-rightbound)/((menuwidth-restarea)/2) * maxspeed if (window.righttime) clearTimeout(righttime) if (movestate!="left") moveleft() } else if (curposy<leftbound){ scrollspeed=(leftbound-curposy)/((menuwidth-restarea)/2) * maxspeed if (window.lefttime) clearTimeout(lefttime) if (movestate!="right") moveright() } else scrollspeed=0 } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } function stopmotion(e){ if ((window.event&&!crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))){ if (window.lefttime) clearTimeout(lefttime) if (window.righttime) clearTimeout(righttime) movestate="" } } function fillup(){ if (iedom){ crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer menuwidth=parseInt(crossmain.style.width) mainobjoffset=getposOffset(crossmain, "left") cross_scroll=document.getElementById? document.getElementById("motiongallery") : document.all.motiongallery document.getElementById("temp").innerHTML=cross_scroll.innerHTML //NEW stuff actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth if (!window.opera) document.getElementById("temp").style.display="none" crossmain.onmousemove=function(e){ motionengine(e) } crossmain.onmouseout=function(e){ stopmotion(e) } } loadedyes=1 } window.onload=fillup </script> <!---</head> Bitişi ---> <!---<body> Başlangıcı ---> <div id="motioncontainer" style="position:relative;width:200px;height:150px;overflow:hidden;"> <div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;"> <nobr><a href="javascript:enlargeimage('image16/f030.gif')"><img src="image16/f030.gif" border=1></a> <a href="javascript:enlargeimage('image16/f039.gif', 300, 300)"><img src="image16/f039.gif" border=1></a> <a href="image16/f042.gif"><img src="image16/f042.gif" border=1></a> <a href="image16/f038.gif"><img src="image16/f038.gif" border=1></a> <a href="image16/f003.gif"><img src="image16/f003.gif" border=1></a> <a href="image16/f071.gif"><img src="image16/f071.gif" border=1></a> <a href="image16/f120.gif"><img src="image16/f120.gif" border=1></a> <a href="image16/f164.gif"><img src="image16/f164.gif" border=1></a> <a href="image16/f166.gif"><img src="image16/f166.gif" border=1></a> <a href="image16/f201.gif"><img src="image16/f201.gif" border=1></a> <a href="image16/f218.gif"><img src="image16/f218.gif" border=1></a><a href="image16/f008.gif"><img src="image16/f008.gif" border=1></a></nobr> </div> </div> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Resim gösterisi

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <script language="JavaScript1.1"> //Picture Cube slideshow - By Tony Foster III //Modifications by JK var specifyimage=new Array() //Your images / resimler specifyimage[0]="braveheart.jpg" specifyimage[1]="braveheart1.jpg" specifyimage[2]="braveheart2.jpg" var delay=3000 //3 seconds / 3 saniye bekleme //Counter for array / sıralamadaki ikinci resim var count =0; var cubeimage=new Array() for (i=0;i<specifyimage.length;i++){ cubeimage[i]=new Image() cubeimage[i].src=specifyimage[i] } function movecube(){ if (window.createPopup) cube.filters[0].apply() document.images.cube.src=cubeimage[count].src; if (window.createPopup) cube.filters[0].play() count++; if (count==cubeimage.length) count=0; setTimeout("movecube()",delay) } window.onload=new Function("setTimeout('movecube()',delay)") </script> <img src="braveheart2.jpg" name="cube" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')"> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Sarsan resim

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net --->  <SCRIPT language=JavaScript>  function newindex() {   for (var i=0; i< (newindex.arguments.length - 1);i+=2)     eval(newindex.arguments[i]+".location='"+newindex.arguments[i+1]+"'");   document.returnValue = false; }  function boom(n) { if (window.top.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { window.top.moveBy(0,i); window.top.moveBy(i,0); window.top.moveBy(0,-i); window.top.moveBy(-i,0);          }       }    } }  function callJS(jsStr) {   return eval(jsStr) }   //-->  </SCRIPT> <A href="http://www.gezginler.net"  onmouseover="callJS('boom(1)');"><IMG src="simsek.gif" border="0"></A> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Spot

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <script language="javascript"> <!-- Free JavaScripts at http://www.ScriptBreaker.com --> topv = 80; // the top position of your picture / resmin, sayfanın üst tarafına göre olan konumu leftv = 12; // the left position of your picture / resmin, sayfanın sol tarafına göre olan konumu starty = 165; // the top position of your sportlight into the image (on start) / başlangıçta spot ışığının, resmin üst kısmına göre olan konumu startx = 205; // the left position of your spotlight into the image (on start) / başlangıçta spot ışığının, resmin sol kısmına göre olan konumu function addL(){ xv = tempX - leftv; if (xv < 0) xv = 0; if (xv > img_width) xv = img_width; yv = tempY - topv; if (yv < 0) yv = 0; if (yv > img_height) yv = img_height image.filters.light.MoveLight(1,xv,yv,50,true); } function moveL() { if (over) { if(bback) { t = false; random(); } else { addL(); } out_of = true; } else { if (out_of) { back_start(); } } } function back_start() { bback = false; if ((((Math.abs(startx - xv) <= 2)) && (Math.abs(starty - yv) <= 2)) || (over == true)) { timer2 = clearTimeout(timer2); timer2 = null; out_of = false; } else { if (Math.abs(startx - xv) > 2) { if (startx < xv) {xv -= 2;} else {xv += 2;} } if (Math.abs(starty - yv) > 2) { if (starty < yv) {yv -= 2;} else {yv += 2;} } image.filters.light.MoveLight(1,xv,yv,50,true); timer2 = setTimeout("back_start()",4); } } function random() { bxv = tempX - leftv; byv = tempY - topv; if ((((Math.abs(bxv - xv) <= 4)) && (Math.abs(byv - yv) <= 4)) || (bback == false)) { t = true; bback = false; timer = clearTimeout(timer); timer = null; } else { if (Math.abs(bxv - xv) > 4) { if (bxv < xv) {xv -= 4;} else {xv += 3;} } if (Math.abs(byv - yv) > 4) { if (byv < yv) {yv -= 4;} else {yv += 4;} } image.filters.light.MoveLight(1,xv,yv,50,true); timer = setTimeout("random()",0); } } var IE = document.all?true:false if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} if (t) { moveL(); } return true} </script> </head> <body> <center> <div style="position:absolute;" id=img_div name=img_div onmouseover="Javascript:over=true;bback=true;" onmouseout="Javascript:over=false;bback=false"> <img id="image" style="filter:light" src="balik.jpg" width="240" height="184"></div> </center> <script language="javascript"> var img_width = 0; var img_height = 0; var xv = startx; var bxv = 0; var yv = starty; var byv = 0; var over = false; var bback = false; var timer = null; var timer2 = null; var out_of = false; var t= true; image.filters.light.addAmbient(255,255,255,10) image.filters.light.addPoint(startx,starty,50,255,255,255,255) img_div.style.left = leftv; img_div.style.top = topv; img_width = parseInt(image.width); img_height = parseInt(image.height); </script> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Spot efekti

<!-- www.kodbuldum.net.tc --> <!--- KAYNAK: http://www.gezginler.net ---> <center><head> <script language=JavaScript> <!-- Free JavaScripts at http://www.ScriptBreaker.com --> var timer i=0 j=0 k=0 l=100 m=120  function setlight() { light_div.filters[0].clear()  if (i<50) 	{ 	light_div.filters[0].addcone(0,0,0,50,50,100,120,200,i,100) 	} else 	{ 	if (j<200) 		{ 		light_div.filters[0].addcone(j,0,0,50,50,100,120,200,i,200) 		j++ 		} 	else 		{ 		if (k<120) 			{ 			light_div.filters[0].addcone(j,k,0,50,50,100,120,200,i,200) 			k++ 			} 		else 			{ 			if (l>0) 				{ 				l-- 				light_div.filters[0].addcone(l,k,0,50,50,100,120,200,i,200) 				} 			else 				{ 				if (m>0) 					{ 					m-- 					light_div.filters[0].addcone(l,m,0,50,50,100,120,200,i,200) 					} 				else 					{ 					i=100 j=0 k=0 l=100 m=120 light_div.filters[0].addcone(0,0,0,50,50,100,120,200,i,100) 					} 				}				 			}			 		} 	} i++ timer=setTimeout("setlight()",1) }  function stoptimer() { clearTimeout(timer) } </script>  <style> div { width:100; }  body { background:#ebe2d3; } </style>  </head> <body onload="setlight()" onunload="stoptimer()">  <div id="light_div" style="filter:light(enabled=1);"><img src="istanbul7.jpg" width="200" height="120"></div> </body> <!-- end Source / kod sonu--></center> <!--- KAYNAK: http://www.gezginler.net ---> <!-- www.kodbuldum.net.tc -->

Bugün 18 ziyaretçi (52 klik) kişi burdaydı!

eBlog Templates Demo

SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod133