hosgeldiniz

Recent Updates

Etiam suscipit et

Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. More…

Fusce dolor totique

Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur malesuada lorem ipsum dolorem. More…

Nunc pellentesque

Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse lorem ipsum dolorem potenti. Donec nulla est, laoreet quis, pellentesque in. More…

Suspendis potenti

Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus lorem ipsum dolorem placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. More…

Welcome to Primitive Element!

Html-kodları3

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>

Primitive Element

by Free Css Templates