|| WWW.SiTeNe-KodleR.Tr.Gg ||

YAZI GİZLE-GÖSTER WEBDE GRAFİK ÇİZME

<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>

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İ                                              ÇERÇEVELİ BUTON


NESNE TAŞI-BÜYÜLT-KÜÇÜLT                       ONAY İSTEME

<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>

YAPILAN İŞ YÜZDE ÇUBUĞU DİKEY PERDE AÇILIŞI

<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>

<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 PENCERE OLUŞTURMA

<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>

RESİM GÖSTER-GİZLE ÜZERİNE GELİNCE RENK DEĞİŞTİREN YAZI

<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>

FAREYİ TAKİP EDEN TARİH-SAAT SAĞ TUŞ KONTROLU

<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>

<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 BAŞA DÖN (İkonlu)

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>