HACKER OO1.Hacker.Dersleri-The - Arka plan efektleri

Arka plan efektleri

Sayfalar arası geçiş efekti

<html>
            <head>
            <meta HTTP-EQUIV="Page-Exit" content="revealTrans(Duration=2.0,Transition=12)">
            <title></title>
            </head>
            <body onLoad="if (document.layers){changecontent();moveImg();};clearTimeout(stt);window.status=''">
            <script>
            
            </script>
            </body>
            </html>

kar-yagdırma-efekti

<html>
            <body bgcolor="blue">
            <style>
            .drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
            </style>
            <script language="javascript">
            snow = true;
            snowsym = " * "
            rainsym = " ' "
            howmany = 25
            if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
            else{sym = rainsym; speed=50; drops=howmany; angle=6}
            movex = -speed/angle; movey = speed; count = 999;
            function moverain(){
            for(move = 0; move < drops; move++){
            xx[move]+=movex; yy[move]+=mv[move];
            hmm = Math.round(Math.random()*1);
            if(xx[move] < 0){xx[move] = maxx+10;}
            if(yy[move] > maxy){yy[move] = 10;}
            drop[move].left = xx[move]
            drop[move].top = yy[move]+document.body.scrollTop;
            }setTimeout('moverain()','1')}
            </script>
            <script language="javascript">
            if (document.all){
            drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
            ly = "document.all['"; st = "'].style"
            for(make = 0; make < drops; make++){
            document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
            drop[make] = eval(ly+'drop'+make+st);
            maxx = document.body.clientWidth-40
            maxy = document.body.clientHeight-40
            xx[make] = Math.random()*maxx;
            yy[make] = -100-Math.random()*maxy;
            drop[make].left = xx[make]
            drop[make].top = yy[make]
            mv[make] = (Math.random()*5)+speed/4;
            drop[make].fontSize = (Math.random()*10)+20;
            //*Change (col = 'white) to (col =YOUR COLOR)*//
            if(snow){col = 'white'}else{col = 'blue'}
            drop[make].color = col;
            }
            window.onload=moverain
            }
            </script>
            </html>

Sürekli değişen arka plan

Sayfa rengini ziyaretçi belirlesin

<table
            style="text-align: left; background-color: rgb(80, 88, 128); width: 411px; height: 90px;"
            border="1" cellpadding="2" cellspacing="2">
            <tbody>
            <tr>
            <td
            style="white-space: nowrap; background-color: rgb(255, 255, 255);">Site
            Rengini Seçiniz... <span
            style="background-color: rgb(255, 0, 0);"><a name="Red"></a><a
            href="/?renk=Red">
            </a><span
            style="background-color: rgb(255, 255, 255);">
            <span style="background-color: rgb(0, 0, 255);"><a
            href="/?renk=Blue">
            </a><span
            style="background-color: rgb(255, 255, 255);">
            </span><span
            style="background-color: rgb(255, 255, 0);"></span></span></span></span><a
            href="/?renk=yellow"><span
            style="background-color: rgb(255, 0, 0);"><span
            style="background-color: rgb(255, 255, 255);"><span
            style="background-color: rgb(0, 0, 255);"><span
            style="background-color: rgb(255, 255, 0);">
            </span></span></span></span></a><span
            style="background-color: rgb(255, 0, 0);"><span
            style="background-color: rgb(255, 255, 255);"><span
            style="background-color: rgb(0, 0, 255);"><span
            style="background-color: rgb(255, 255, 0);"><a
            href="/?renk=yellow">  </a><span
            style="background-color: rgb(255, 255, 255);">
            <a href="/?renk=green"><span
            style="background-color: rgb(0, 128, 0);">
            </span></a><span
            style="color: rgb(0, 128, 0);"><a
            href="/?renk=green"><span
            style="background-color: rgb(0, 128, 0);"> </span><span
            style="color: rgb(255, 204, 102); background-color: rgb(0, 128, 0);"
            =""></span></a><span style="color: green;"><span
            style="background-color: rgb(0, 128, 0);"><a
            href="/?renk=green">
            </a><span
            style="background-color: rgb(255, 255, 255);">
            </span></span><a href="/?renk=black"><span
            style="background-color: rgb(0, 0, 0);">  </span></a><span
            style="color: rgb(0, 0, 0);"><a
            href="/?renk=black"><span
            style="background-color: rgb(0, 0, 0);">   </span></a>
            <a href=?renk=white>Beyaz</a> </span><br />
            <span style="color: rgb(93, 93, 93);">Yada Kendiniz
            Bir Renk Verin: Hex Code Yada Rengin İnglizcesi
            <form action="" method="get"><input
            name="renk" type="text"><input value="Renk Değiş"
            type="submit"></form>
            </span> </span></span></span></span></span></span></span></td>
            </tr>
            </tbody>
            </table>
              <br />
            </body>
            </html>
            <body bgcolor="<?=$_GET[renk]?>">
            Şu andaki renk <?=$_GET[renk]?>

Arkafont müziği playerli

Yağmur efekti

<BODY>
            <SCRIPT LANGUAGE="JavaScript">
            
            </script>

Sayfanıza intro yapabilirsiniz

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
            <html>
            <head>
            <meta name="generator" content="Web Page Maker V2 (unregistered version)">
            <style type="text/css">
            /*----------Text Styles----------*/
            .ws6 {font-size: 8px;}
            .ws7 {font-size: 9.3px;}
            .ws8 {font-size: 11px;}
            .ws9 {font-size: 12px;}
            .ws10 {font-size: 13px;}
            .ws11 {font-size: 15px;}
            .ws12 {font-size: 16px;}
            .ws14 {font-size: 19px;}
            .ws16 {font-size: 21px;}
            .ws18 {font-size: 24px;}
            .ws20 {font-size: 27px;}
            .ws22 {font-size: 29px;}
            .ws24 {font-size: 32px;}
            .ws26 {font-size: 35px;}
            .ws28 {font-size: 37px;}
            .ws36 {font-size: 48px;}
            .ws48 {font-size: 64px;}
            .ws72 {font-size: 96px;}
            .wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
            /*----------Para Styles----------*/
            DIV,UL,OL /* Left */
            {
            margin-top: 0px;
            margin-bottom: 0px;
            }
            </style>
            </head>
            <body>
            <div id="html1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:924px; height:578px; z-index:0">
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML><HEAD><TITLE>-| MATRYX OLAYI <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" />|</TITLE>
            <META http-equiv=Content-Language content=tr>
            <META content="Microsoft FrontPage 5.0" name=GENERATOR>
            <META content=FrontPage.Editor.Document name=ProgId>
            <META http-equiv=Content-Type content="text/html; charset=windows-1254"></HEAD>
            <BODY bgColor=#000000>
            <SCRIPT language=JavaScript>
            if (document.all){
            Cols=15;
            Cl=24; //Pe?pe?e geli? mesafeleri!
            Cs=50; //Sayfaya enine yayyly? mesafeleri!
            Ts=16; //Rakamlaryn büyüklükleri!
            Tc='#008800';//Renk
            Tc1='#00ff00';//Renk1
            MnS=22; //Aky? hyzlary!
            MxS=25; //Aky? hyzlary!
            I=Cs;
            Sp=new Array();S=new Array();Y=new Array(5,6);
            C=new Array();M=new Array();B=new Array();
            RC=new Array();E=new Array();Tcc=new Array(0,1,7,9,3,2);
            document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");
            document.write("<div style='position:relative'>");
            for(i=0; i < Cols; i++){
            S=I+=Cs;
            document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
            +Ts+"px;left:"+S+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");
            }
            document.write("</div></div>");
            for(j=0; j < Cols; j++){
            RC[j]=1+Math.round(Math.random()*Cl);
            Y[j]=0;
            Sp[j]=Math.round(MnS+Math.random()*MxS);
            for(i=0; i < RC[j]; i++){
            B='';
            C=Math.round(Math.random()*1)+' ';
            M[j]=B[0]+=C;
            }
            }
            function Cycle(){
            Container.style.top=window.document.body.scrollTop;
            for (i=0; i < Cols; i++){
            var r = Math.floor(Math.random()*Tcc.length);
            E = '<font color='+Tc1+'>'+Tcc[r]+'</font>';
            Y+=Sp;
            if (Y > window.document.body.clientHeight){
            for(i2=0; i2 < Cols; i2++){
            RC[i2]=1+Math.round(Math.random()*Cl);
            for(i3=0; i3 < RC[i2]; i3++){
            B[i3]='';
            C[i3]=Math.round(Math.random()*1)+' ';
            C[Math.floor(Math.random()*i2)]=' '+' ';
            M=B[0]+=C[i3];
            Y=-Ts*M.length/1.5;
            A.style.visibility='visible';
            }
            Sp=Math.round(MnS+Math.random()*MxS);
            }
            }
            A.style.top=Y;
            A.innerHTML=M+' '+E+' ';
            }
            setTimeout('Cycle()',20)
            }
            Cycle();
            }
            </SCRIPT>
            <P> </P>
            <script language="JavaScript">
            
            </script>
            <head>
            <meta http-equiv="Content-Language" content="pt-br">
            <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
            <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
            <meta name="ProgId" content="FrontPage.Editor.Document">
            <title>-| MATRYX OLAYI <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" />|</title>
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML><HEAD><TITLE>-| MATRYX OLAYI <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" />|</TITLE>
            <META content=tr http-equiv=Content-Language>
            <META content="text/html; charset=windows-1254" http-equiv=Content-Type>
            <META NAME="GENERATOR" Content='FastPage Lojistik '>
            <style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold}
            </style>
            <script language="javascript">
            
            </script>
            </head>
            <body text="#00FF00" vLink="#FF0000" aLink="#00FFFF" link="#FFFF00"
            bgColor="#000000" onload="writetext();">
            <div align="center">
            <center>
            <table border="0" width="650" height="228">
            <tr>
            </div>
            <p> </p>
            <p> </td>
            <td align="left" width="767" height="224">
            <div id="nothing" style="width: 807; height: 348">
            </tr>
            </table>
            </center>
            </div>
            <p align="center"> </p>
            </body>
            </html>
            <script language="JavaScript1.2">
            var COLOR = 999999
            var woot = 0
            function stoploop() {
            document.bgColor = '#000000';
            clearTimeout(loopID);
            }
            function loopBackground() {
            if (COLOR > 0) {
            document.bgColor = '#' + COLOR
            COLOR -= 111111
            loopID = setTimeout("loopBackground()",1)
            } else {
            document.bgColor = '#000000'
            woot += 10
            COLOR = 999999
            COLOR -= woot
            loopID = setTimeout("loopBackground()",1)
            }
            <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
            }
            //onClick="stoploop()"
            function shake(n) {
            if (self.moveBy) {
            for (i = 10; i > 0; i--) {
            for (j = n; j > 0; j--) {
            self.moveBy(0,i);
            self.moveBy(i,0);
            self.moveBy(0,-i);
            self.moveBy(-i,0);
            }
            }
            }
            setTimeout("shake(1)",10000);
            setTimeout("stoploop()",15000);
            }
            // End -->
            </script>
            <p> </p>
            </object>
            </span></font>
            <html><HEAD>
            <SCRIPT LANGUAGE="JavaScript1.2">
            
            </script>
            </HEAD>
            </body>
            </html>

Değişen Arka Plan

AÇIKLAMA: Sayfalarınız içerisinde bulunan linklere veya butonlara tıklanıldığında sayfa arkaplanının kararmasını sağlayan örnek bir JAVASCRIPT çalışması.