HTML KODLARI JAVA KODLARI TASARIMLAR WEB TASARIM

YAZI GİZLE-GÖSTER
<HTML> <HEAD> <TITLE>Yazı gizle/göster</TITLE> <STYLE type="text/css"> </STYLE> </HEAD> <BODY> <SCRIPT> var Selected = ""; </SCRIPT> <SCRIPT event=onclick for=mesajlink> var elmref; if (Selected != "") { elmref = eval("document.all('" + Selected + "_h1')"); if (elmref) elmref.style.display = 'none'; elmref = eval("document.all('" + Selected + "_h0')"); if (elmref) elmref.bgColor = '#FACD00'; } if (Selected!=this.name) { Selected = this.name; elmref = eval("document.all('" + Selected + "_h1')"); if (elmref) { if (elmref.style.display=='none') elmref.style.display=''; else elmref.style.display = 'none'; } elmref = eval("document.all('" + Selected + "_h0')"); if (elmref) elmref.bgColor = '#FACD00'; } Else Selected=""; window.navigate("#xx" + Selected + "xx"); return false; </SCRIPT> <Table id=1_h0 border=1 bordercolor=#8b0000 bgcolor=#FACD00> <td><A id=mesajlink name=1 href="" _fcksavedurl="">01</A></td> <td><A id=mesajlink name=2 href="" _fcksavedurl="">02</A></td> </table> <pre id=1_h1 width="10" style="DISPLAY: none"> Tablodan 1 i seçtiniz. Gizlemek için tablodan aynı seçimi tekrar yapınız. </pre> <pre id=2_h1 width="10" style="DISPLAY: none"> Tablodan 2 yi seçtiniz. Gizlemek için tablodan aynı seçimi tekrar yapınız. </pre> </BODY> </HTML>

WEBDE GRAFİK ÇİZME
Bu programın doğru çalışması için bilgisayarınızda directx programının yüklü olması gerekir. <HTML> <HEAD> <TITLE>DIRECTX ile WEB Sayfasında Grafik Çizmek</TITLE> </HEAD> <BODY> <Table border="1"> <Tr><Td> <OBJECT ID="Form" STYLE="position:static; left:0; top:0; width:450; height:450" CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D"> </OBJECT> </Td></Tr> </BODY> <Script language="vbscript"> Sub window_OnLoad() Set Lib = Form.PixelLibrary Set Pencere = Lib.NewDrawingSurface() Pencere.Clear Pencere.FillColor Renk(250,0,0) Pencere.Rect -1,-1, 50, 50 Pencere.SecondaryFillColor Renk(250,250,0) Pencere.FillColor Renk(0,250,0) Pencere.Fillstyle 9 Pencere.Oval -50,-50, 50, 50 Pencere.Fillstyle 0 Pencere.LineColor Renk(0,0,255) Pencere.LineWidth 5 Pencere.Line -100,-100, 100, -110 Pencere.ArcDegrees 50, 50, 0, 270, 150, 150 Pencere.Font "Arial", 50, 0, 0, 0, -1 Pencere.Text "WEB & DirectX", -200, 150 Form.image = Pencere.image Form.Start End Sub Function Renk(K,Y,M) Set Renk = Form.PixelLibrary.ColorRGB255(K,Y,M) end Function </SCRIPT> </HTML>

HESAP MAKİNESİ
<HTML> <HEAD> <TITLE>Hesap Makinesi </TITLE> <SCRIPT>  </SCRIPT> </HEAD> <BODY> <FORM><B> İşlemleri buraya yazın. Örnek işlem : (5+2)*7</B><BR> <input type="text" name="expr" size="20"><BR> Cevabı<BR> <input type="text" name="cevap" size="20"><BR> <input type="button" value="Cevapla" onClick_fckprotectedatt=" onClick="hesapla(this.form)"" </FORM> </BODY> </HTML>

ÇERÇEVELİ BUTON
<HTML> <HEAD> <TITLE>Çerçeveli Buton</TITLE> <STYLE TYPE="text/css""> #goster {background:RED; COLOR:WHITE; position: absolute; top: 150px; left:100px; text-align:center; visibility:hidden} #cbuton {background:yellow; COLOR:black; border:ridge 10px red; text-align: center; position: absolute; top: 10px; left: 10px; } </STYLE> </HEAD> <BODY> <DIV ID="cbuton" ONCLICK="goster.style.visibility='visible'"> <b>Tıklayınız.</b> </DIV> <SPAN ID="goster"> MERHABA </SPAN> </BODY> </HTML>

NESNE TAŞI-BÜYÜLT-KÜÇÜLT
<HTML> <HEAD> <TITLE>Nesneleri, büyültme, küçültme, taşıma</TITLE> </HEAD> <BODY bgcolor="#0000f8"> <style> .drag{position:relative;cursor:hand} </style> <SCRIPT> var dragdurumu=false var z,x,y var SONHAR="" function BUYUK(){ if (SONHAR=="") {alert("Büyültülecek nesneyi seçiniz...!")} if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width+(HAR.HAR1.width*10/100)} if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width+(HAR.HAR2.width*10/100)} } function KUCUK(){ if (SONHAR=="") {alert("Küçültülecek nesneyi seçiniz...!")} if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width-(HAR.HAR1.width*10/100)} if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width-(HAR.HAR2.width*10/100)} } function move(){ if (event.button==1&&dragdurumu){ z.style.pixelLeft=temp1+event.clientX-x z.style.pixelTop=temp2+event.clientY-y return false } } function drags(){ if (!document.all) Return if (event.srcElement.className=="drag"){ dragdurumu=true if (event.srcElement.name=="HAR1") {SONHAR=event.srcElement.name} if (event.srcElement.name=="HAR2") {SONHAR=event.srcElement.name} z=event.srcElement temp1=z.style.pixelLeft temp2=z.style.pixelTop x=event.clientX y=event.clientY document.onmousemove=move } } document.onmousedown=drags document.onmouseup=new Function("dragdurumu=false") </SCRIPT> <font color="#ffff00"><b> <FORM NAME="HAR"> <INPUT NAME="BUYUKB" TYPE="BUTTON" VALUE="Büyük" class="drag" onclick=BUYUK()> Mouse yardımıyla nesnelerin yerini değiştirebilirsiniz. <INPUT NAME="KUCUKB" TYPE="BUTTON" VALUE="Küçük" class="drag" onclick=KUCUK()><BR> <IMG SRC="image1.gif" _fcksavedurl="image1.gif" NAME="HAR1" class="drag"> <IMG SRC="image2.gif" _fcksavedurl="image2.gif" NAME="HAR2" class="drag"><BR> </FORM> </BODY> </HTML>

ONAY İSTEME
<HTML> <HEAD> <TITLE>Onay İsteme Kod Örneği</TITLE> <script> function onayiste() { var onay_deger; onay_deger=confirm("Bu işlemi yapmak istediğinizden emin misiniz?"); if(onay_deger == true){ alert('İşleminiz yapıldı') }else{ alert('İşleminiz iptal edildi') } } </script> </HEAD> <BODY> <INPUT type="button" Value="Onay" onclick_fckprotectedatt=" onclick="onayiste()""> </BODY> </HTML>

YAPILAN İŞ YÜZDE ÇUBUĞU
<HTML> <HEAD> <TITLE>Yapılan işlem yüzde çubuğu</TITLE> </HEAD> <BODY> <SCRIPT> var loadedcolor='navy' ; // PROGRESS BAR COLOR var unloadedcolor='lightgrey'; // BGCOLOR OF UNLOADED AREA var barheight=15; // HEIGHT OF PROGRESS BAR IN PIXELS var barwidth=350; // WIDTH OF THE BAR IN PIXELS var bordercolor='black'; // COLOR OF THE BORDER var action=function() { //window.location="http://www.dynamicdrive.com } var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; var blocksize=(barwidth-2)/100; barheight=Math.max(4,barheight); var loaded=0; var perouter=0; var perdone=0; var images=new Array(); var txt=''; if(ns4){ txt+='<table cellpadding=0 cellspacing=0 border=0><tr><td>'; txt+='<ilayer name="perouter" width="'+barwidth+'" height="'+barheight+'">'; txt+='<layer width="'+barwidth+'" height="'+barheight+'" bgcolor="'+bordercolor+'" top="0" left="0"></layer>'; txt+='<layer width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+unloadedcolor+'" top="1" left="1"></layer>'; txt+='<layer name="perdone" width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+loadedcolor+'" top="1" left="1"></layer>'; txt+='</ilayer>'; txt+='</td></tr></table>'; }else{ txt+='<div id="perouter" onmouseup="hidebar()" style="position:relative; visibility:hidden; background-color:'+bordercolor+'; width:'+barwidth+'px; height:'+barheight+'px;">'; txt+='<div style="position:absolute; top:1px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; background-color:'+unloadedcolor+'; z-index:100; font-size:1px;"></div>'; txt+='<div id="perdone" style="position:absolute; top:1px; left:1px; width:0px; height:'+(barheight-2)+'px; background-color:'+loadedcolor+'; z-index:100; font-size:1px;"></div>'; txt+='</div>'; } document.write(txt); function incrCount(prcnt){ loaded+=prcnt; setCount(loaded); } function decrCount(prcnt){ loaded-=prcnt; setCount(loaded); } function setCount(prcnt){ loaded=prcnt; if(loaded<0)loaded=0; if(loaded>=100){ loaded=100; setTimeout('hidebar()', 400); } clipid(perdone, 0, blocksize*loaded, barheight-2, 0); } function findlayer(name,doc){ var i,layer; for(i=0;i<doc.layers.length;i++){ layer=doc.layers[i]; if(layer.name==name)return layer; if(layer.document.layers.length>0) if((layer=findlayer(name,layer.document))!=null) return layer; } return null; } function progressBarInit(){ perouter=(ns4)?findlayer('perouter',document):(ie4)?document.all['perouter']:document.getElementById('perouter'); perdone=(ns4)?perouter.document.layers['perdone']:(ie4)?document.all['perdone']:document.getElementById('perdone'); perdone=(ie4)?document.all['perdone']:document.getElementById('perdone'); clipid(perdone,0,0,barheight-2,0); if(ns4)perouter.visibility="show"; else perouter.style.visibility="visible"; } function hidebar(){ action(); //(ns4)? perouter.visibility="hide" : perouter.style.visibility="hidden"; } function clipid(id,t,r,b,l){ if(ns4){ id.clip.left=l; id.clip.top=t; id.clip.right=r; id.clip.bottom=b; } else id.style.width=r; } window.onload=progressBarInit; window.onresize=function(){ if(ns4)setTimeout('history.go(0)' ,400); } </SCRIPT> <BR> <a href="javascript:incrCount(5)" _fcksavedurl="javascript:incrCount(5)">%5 artış görüntülemek için tıklayınız.</a> <SCRIPT> setCount(50) </SCRIPT> </BODY> </HTML>

DİKEY PERDE AÇILIŞI
<HTML> <HEAD> <TITLE>Dikey perde aç</TITLE> <style>  </style> </HEAD> <BODY> <div id="i1" class="intro"></div><div id="i2" class="intro"></div> <SCRIPT> var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (ie4||ns6){ var clipright=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2 temp[i].height=ns6?window.innerHeight-1: document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (ns4){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit) } else if (ie4||ns6){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0){ clearInterval(stopit) if (ns6){ temp[1].display="none" temp[2].display="none" } } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </SCRIPT> </BODY> </HTML>

YATAY PERDE AÇILIŞI
<HTML> <HEAD> <TITLE>Yatay perde aç</TITLE> <style> .intro{ position:absolute; left:0; top:0; layer-background-color:ORANGE; background-color:ORANGE; border:0.1px solid ORANGE; z-index:10; } </style> </HEAD> <BODY bgcolor=#ff008B> <div id="i1" class="intro"></div><div id="i2" class="intro"></div> <SCRIPT> var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth temp[i].height=window.innerHeight/2 temp2[i].top=(i-1)*temp[i].height } } else if (ie4||ns6){ var clipbottom=ns6?parseInt(window.innerHeight)/2:document.body.offsetHeight/2 cliptop=0 for (i=1;i<=2;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth-15:document.body.clientWidth temp[i].height=ns6?window.innerHeight/2:document.body.offsetHeight/2 temp[i].top=(i-1)*parseInt(temp[i].height) } } function openit(){ window.scrollTo(0,0) if (ns4){ temp[1].bottom-=speed temp[2].top+=speed if (temp[1].bottom<=0) clearInterval(stopit) } else if (ie4||ns6){ clipbottom-=speed temp[1].clip="rect(0 auto "+clipbottom+" 0)" cliptop+=speed temp[2].clip="rect("+cliptop+" auto auto auto)" if (clipbottom<=-5){ clearInterval(stopit) if (ns6){ temp[1].display="none" temp[2].display="none" } } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </SCRIPT> </BODY> </HTML>

PENCERE OLUŞTURMA
<HTML> <HEAD> <TITLE>Window nesnesi Örneği</TITLE> <SCRIPT> function ac() { pen=window.open('deneme.htm','pen1','width=100,height=100,toolbar=0,scrollbars=0,menu=0,location=0,status=0,fullscreen=0') } function kapat() { window.pen.close(); } </SCRIPT> <BODY> <center> <p><b>Window Nesnesi Örneği.</b></p> <input type="button" value="Pencere Aç" onclick_fckprotectedatt=" onclick="ac()""> <input type="button" value="Kapat.." onclick_fckprotectedatt=" onclick="kapat()""> </BODY> </HTML>

RESİM GÖSTER-GİZLE
<HTML> <HEAD> <TITLE>Resim penceresi görüntüleme/Gizleme</TITLE> <SCRIPT> var ie=document.all var ns=document.layers var ns6=document.getElementById&&!document.all function enlarge(which,e){ if (ie||ns6){ crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage if (crossobj.style.visibility=="hidden"){ crossobj.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY crossobj.innerHTML='<div align=right id=drag><b onClick=closepreview()>X</b></div><img src="'+which+'">' crossobj.style.visibility="visible" } else crossobj.style.visibility="hidden" return false } else if (document.layers){ if (document.showimage.visibility=="hide"){ document.showimage.document.write('<a href="#" onMouseover="drag_dropns(showimage)"><img src="'+which+'" border=0></a>') document.showimage.document.close() document.showimage.left=e.x document.showimage.top=e.y document.showimage.visibility="show" } else document.showimage.visibility="hide" return false } //if NOT IE 4+ or NS 4, simply display image in full browser window else return true } function closepreview(){ crossobj.style.visibility="hidden" } </SCRIPT> <SCRIPT> var nsx,nsy,nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ temp.moveBy(e.x-nsx,e.y-nsy) return false } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } function drag_drop(e){ if (ie&&dragapproved){ crossobj.style.left=tempx+event.clientX-offsetx crossobj.style.top=tempy+event.clientY-offsety } else if (ns6&&dragapproved){ crossobj.style.left=tempx+e.clientX-offsetx crossobj.style.top=tempy+e.clientY-offsety } return false } function initializedrag(e){ if (ie&&event.srcElement.id=="drag"||ns6&&e.target.id=="drag"){ offsetx=ie? event.clientX : e.clientX offsety=ie? event.clientY : e.clientY tempx=parseInt(crossobj.style.left) tempy=parseInt(crossobj.style.top) dragapproved=true document.onmousemove=drag_drop } } document.onmousedown=initializedrag document.onmouseup=new Function("dragapproved=false") </SCRIPT> </HEAD> <BODY> <div id="showimage" style="position:absolute;visibility:hidden;border:1px solid black"></div> <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)""><img src="new.gif" _fcksavedurl="new.gif" border="0"></a> <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)"">Resim penceresi görüntülemek için tıklayınız.</a> </BODY> </HTML>

ÜZERİNE GELİNCE RENK DEĞİŞTİREN YAZI
<HTML> <HEAD> <TITLE>Üzerinden gelince renk değiştiren yazı</TITLE> <STYLE> A:link {color: blue} A:visited {color: purple} A:hover {color:red} A:active {color:yellow} </STYLE> </HEAD> <BODY> <A href="" _fcksavedurl="">Fare imleci bu yazının üzerine geldiğinde renk değiştirecek</A> </BODY> </HTML>

FAREYİ TAKİP EDEN TARİH-SAAT
<HTML> <HEAD> <TITLE>Fare imlecini takip eden tarih saat</TITLE> </HEAD> <BODY> <SCRIPT > dCol='000000';//Tarihin Rengi fCol='3E4A88';//Saatin Rengi sCol='3E4A88';// Saniyenin Rengi mCol='912917';//Dakikanın Rengi hCol='912917';//Saatin Rengi ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; // BURADA GÜN VE AY İSİMLERİ.. d=new Array("PAZAR","PAZARTESİ","SALI","ÇARŞAMBA","PERŞEMBE","CUMA","CUMARTESİ"); m=new Array("OCAK","ŞUBAT","MART","NİSAN","MAYIS","HAZİRAN","TEMMUZ","AĞUSTOS","EYLÜL", "EKİM","KASIM","ARALIK"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='verdana'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT> </BODY> </HTML>

SAĞ TUŞ KONTROLU
<HTML> <HEAD> <TITLE>Farenin Sağ Tuşuna Basılmasını Kontrol</TITLE> </HEAD> <BODY> <img src="image1.gif" _fcksavedurl="image1.gif" GALLERYIMG="no"> <SCRIPT> var clickmessage="Resimin üzerinde farenin sağ tuşuna bastınız!" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </SCRIPT> <BR> Resimin üzerinde farenin sağ tuşuna basınız! </BODY> </HTML>

BAŞA DÖN
</html> </dl> </blockquote> <h5><a href="#top" _fcksavedurl="#top">Başa Dön</a> </h5> </body> </html>

BAŞA DÖN (İkonlu)
</html> </dl> </blockquote> <h5><a href="#top" _fcksavedurl="#top"><img src="http://img293.imageshack.us/img293/4503/imagesgz3.jpg" _fcksavedurl="http://img293.imageshack.us/img293/4503/imagesgz3.jpg" border="0" alt="Image Hosted by ImageShack.us"/></a><br/></a> </h5></body> </html>

DİNİ BİLGİLER
<p align="left"><strong><font face="Book Antiqua"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /></font><font face="Verdana" color="#cc0000"><span style="background-color: #ffffff"><font color="#000000" size="2"> </font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/iman.htm"><font color="#ff0000" size="2"><span style="text-decoration: none">İMANIN ŞARTLARI</span></font></a></span></font></strong></p> <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099" size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Allahiman.htm">1. Allah Teala'ya inanmak </a></font></span><span style="background-color: #ffffff"><font face="Verdana" color="#0000ff" size="2"><br /> </font><font face="Book Antiqua, Times New Roman, Times"><font size="2"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Meleklereiman.htm">2. Allah'ın meleklerine inanmak </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kitaplaraiman.htm">3, Allah'ın kitaplarına inanmak</a></font><font face="Verdana" color="#0000ff"> <br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/peygiman.htm">4. Allah'ın peygamberlerine inanmak </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Ahireteiman.htm">5.Ahiret gününe inanmak </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/kaderiman.htm">6. Kader ve kazaya inanmak </a></font></font><strong><font face="Verdana" size="2"><br /> </font></strong></font></span><font face="Verdana" color="#000099" size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/KadeiAhire.htm"><span style="background-color: #ffffff">6. Kade-i ahire</span></a></font><font face="Verdana"><span style="font-weight: 700; background-color: #ffffff"><font size="2"><br /> </font></span></font></div> <p align="left"><strong><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /><font face="Verdana" color="#cc0000"><span style="background-color: #ffffff"><font color="#000000" size="2"> </font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Namaz.htm"><font color="#ff0000" size="2"><span style="text-decoration: none">NAMAZIN FARZLARI</span></font></a></span></font></strong><font face="Verdana"><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> <br /> </font></span></font><span style="background-color: #ffffff"><font face="Verdana" color="#0000ff" size="2"><br /> <img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#000000"><strong>Dışındakiler : </strong></font></font><font size="2"><font face="Verdana"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Hades.htm">1. Hadesten taharet </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Necaset.htm">2. Necasetten taharet </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/SetriAvret.htm">3. Setr-i avret </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kible.htm">4. İstikbal-i kıble </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Vakit.htm">5. Vakit </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Niyet.htm">6. Niyet </a></font></font><strong><font face="Verdana" size="2"> </font></strong></span></p> <div style="margin-top: 0px; margin-bottom: 0px" align="left"> </div> <div style="margin-top: 0px; margin-bottom: 0px" align="left"><span style="background-color: #ffffff"><strong><font face="Verdana" size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> İçindekiler :<br /> </font></strong></span></div> <div style="margin-top: 0px; margin-bottom: 0px" align="left"><span style="background-color: #ffffff"><font size="2"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Tekbir.htm">1. İftitah tekbiri </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kiyam.htm">2. Kıyam </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Kiraat.htm">3. Kıraat </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Ruku.htm">4. Rukü </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Sucud.htm">5. Sücud </a></font><font face="Verdana" color="#0000ff"><br /> </font></font></span> <p align="left"><strong><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /><font color="#cc0000"><span style="background-color: #ffffff"><font color="#000000" size="2"> </font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/islaminSartlari.htm"><font color="#ff0000" size="2"><span style="text-decoration: none">İSLAMIN ŞARTLARI</span></font></a></span></font></strong><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></p> <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/KelimeiSehadet.htm"><font size="2">1. Kelime-i şehadet getirmek </font></a></font><font size="2"><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Namaz.htm">2. Namaz kılmak </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Oruc.htm">3. Oruç tutmak </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Zekat.htm">4. Zekat vermek </a></font><font face="Verdana" color="#0000ff"><br /> </font><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Hac.htm">5.Hacca gitmek </a></font></font><strong><font face="Verdana" size="2"><br /> </font></strong></span></div> <p align="left"><strong><span style="background-color: #ffffff"><font size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#ff0000">ABDESTİN FARZLARI</font></font></span></strong><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></p> <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Abdest.htm"><font size="2">1. Yüzü yıkamak </font></a></font><font size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Abdest.htm"><font face="Verdana"><br /> 2. Kolları dirsekleriyle beraber yıkamak <br /> 3. Başının dörtte birini meshetmek <br /> 4. Ayakları topuklarıyla beraber yıkamak</font></a><strong><br /> </strong></font></span></div> <div align="left"><strong><span style="background-color: #ffffff"><font size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#ff0000">GUSLÜN FARZLARI</font></font></span></strong><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></div> <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Gusul.htm"><font size="2">1. Ağıza dolu dolu su vermek </font></a></font><font size="2"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Gusul.htm"><font face="Verdana"><br /> 2. Buruna dolu dolu su vermek <br /> 3. Bütün bedeni yıkamak </font></a><strong><br /> </strong></font></span></div> <div align="left"><strong><font face="Verdana"><span style="background-color: #ffffff"><font size="2"><img alt="" src="http://www.muslumangenc.com/ilmihal/32farz/ballet_sm3.gif" /> <font color="#ff0000">TEYEMMÜMÜN FARZLARI</font></font></span></font></strong><font face="Verdana"><span style="font-weight: 700; background-color: #ffffff"><font color="#ff0000" size="2"> </font></span></font></div> <div align="left"><span style="background-color: #ffffff"><font face="Verdana" color="#000099"><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Teyemmumum.htm"><font size="2">1. Niyet etmek </font></a></font><a class="pageLinks" target="_blank" href="http://www.muslumangenc.com/ilmihal/32farz/Teyemmumum.htm"><font face="Verdana" size="2"><br /> 2. Temiz toprağa vurup yüzü ve kolları meshetmek.</font></a></span></div> </div>