Html Kodlar ] Webmaster ] Tr.gg ] Sitene Ekle ] Html Kod ] Bedava Sitem

Karışık Kodlar-3

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

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

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

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

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