<?e>Free Webde? Tutorials::oduc? to CSS
style="??:relative;width:1px;height:1?ackg?d:#ff00ff;font-size:1px">
<?e width="100%" border="0"> <?owspan="2">

<?"Images/image.png" width="375" heigh?3" borde?">Web Designing Made Easy

Add to Favouri?/A> <?aligop">Tell a Friend

&nb?font face="A?, Helvetica, san?? size="2">P? thi?ge

Make Your Home Page

Submit a Tu?al

Link?ont>

Free Resou?

Translate a webpage in you?nguage

Earn money with ? web?Free Web���? Submission

SuggestionsMETA Tag GeneratorHTML Encry?Check Si?opularit?ont>

Search Sugges? Tool

Men?nera?/fon?a>

Ad??k

Valid CSS!

<?
HomeHome |Ad?ise ? href="contact.php">Con���? UsCon? Us ?href="re?ces.?>Free Resou���? F?Reso??> |it a Tutorial <? <? &nbs??
BG Effec?Fire??>

Simply click inside the window belo??our cursor to highlight ???and cop??Cont?c or Apple-c) the sc? into a new file in you??dito??as Note Pad or Simple Te?and ? (Control-s or Apple-s). The sc? is ??

 &nb?nbsp;&nb? <!-- ONE STEP TO INSTALL FIREWORKS: 1. Copy ?coding into ?BODY of ? HTML document --&g?<!-- STEP ONE: Pa?? code in?he BODY of your HTML doc??-> <BODY> <layer name="a0" lef? top=10 ?bili?how bgcolor="#376B99" clip="0,0,1,1"></layer&g?lt;layer name="a1" left=10 top=10 vi?lity=sho?colo?fff000" clip="0,0,1,1"&g??ayer> <layer name="a2" lef? top=10 ?bili?how bgcolor=a000" clip="0,0,1,1"></layer&g?lt;layer name="a3" left=10 top=10 vi?lity=sho?colo?ff00ff" clip="0,0,1,1"&g??ayer> <layer name="a4" lef? top=10 ?bili?how bgcolor="#00ff00" clip="0,0,1,1"></layer&g?lt;layer name="a5" left=10 top=10 vi?lity=sho?colo?ff" clip="0,0,1,1"&g??ayer> <layer name="a6" lef? top=10 ?bili?how bgcolor="#ff0000" clip="0,0,1,1"></layer&g?lt;layer name="a7" left=10 top=10 vi?lity=sho?colo?376B99" clip="0,0,1,1"&g??ayer> <layer name="a8" lef? top=10 ?bili?how bgcolor="#fff000ip="0,0,1,1"></layer&g?lt;layer name="a9" left=10 top=10 vi?lity=sho?colo?ffa000" clip="0,0,1,1"&g??ayer> <layer name="a10" left=10 to? visibility=? bgcolor="#ff00ff" clip="0,0,1,1"></la?gt; <laye?me="a11" lef? top=10 ?bili?how bgcolor="#00ff00ip="0,0,2,2"></layer&g?lt;layer name="a12" left=10 ?10 visibilit?ow bgcolor="#0000ff" cli?,0,2,2"></laye?; &l??name="a13" left=10 top=10 vi?lity=sho?colo?ff0000" clip="0,0,2,2"&g??ayer> <div id="sta???="po?on:absol??0px;left:0px"> &l???"position:re?idth:2px;height:2px;background:#ffffff;font-?:2px"></di?; &l???"position:relati?idth:1px;height:1px;background:#fff000;font-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#ffa000;font-?:1px"></di?; &l???"position:relati?idth:1pxght:1px;background:#ff00ff;font-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#00ff00;font-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#0000ff;font-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#FF0000;font-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#ffffff;font-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#fff000;font-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#ffa0ont-?:1px"></di?; &l???"position:relati?idth:1px;height:1px;background:#ff00ff;font-?:1px"></di?; &l???"position:relati?idth:2px;height:2px;background:#ff00ff;font-?:2px"></di?; &l???"position:relati?idth:1px;height:1px;background:#0000ff;font-?:1px;</di?; &l???"position:relati?idth:1px;height:1px;background:#FF0000;font-?:1px"></di?; &l?iv&g?<SCRIPT LANGUAGE="JavaScript"> &l?- Begin ?Clrs = new A?(9); Clr? = 'ff0000'; Clr? = '00ff00'; Clr? = '000aff'; Clr? = 'ff00ff'; Clr? = 'ffa500'; Clr? = '00'; Clr? = '00ff00'; Clr? = 'ffffff'; Clr? = 'fffff0'; var sCl? new Array(5); sClrs[0] = 'ffa500'; ?? = '55ff66'; sCl?] = 'AC9DFC'; sClrs[3] = 'fff000'; sClrs[4] = 'fffff0'; ??e; var xBase; va?ep; ?currStep = 0; va?os = 1; ?Ypos = 1; va?itialSta?or = 'ffa000'; var M?0; var Mleft = 250; func? Fireworks() { if (document.all) { yBase = windo?cument.body.offsetHeight / 3; xBase = window.doc??dy.offse?? 8; ??f (document.laye??ase = window.innerHeight / 3; xBase = window.innerWidth / 8; } if (document.all) { s?= 5; for ( i = 0 ; i; starsDiv.all.length ; i++ ) { for (ai = 0; ai < Clr?ngth; ai++) ??= Ma?ound(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].st?background=initialStarColor; if (cur???0) s?Div.all[i].s?.backgro?Clrs[c]; sta??l[i].style.top = Mto??e*Ma?in((currStep)/3)*Math.sin(550+cu?ep/100) ??.all[i].?e.left = Mleft + yBa?ath.cos((cur??5)/3)*Ma?in(550+c??100) ?else if (doc???) { ? = 5; fo?j = 0 ; j &l?4 ; j++ ) { //number of NS layer?ar templayer = "a"+j; fo?i = 0; ai &l?lrs.leng?ai++) { ?c = Math.round(Math.?om()*[ai]); ??ep < 90) document.layers[?laye?gColor=initialStarColor; if (cur???0) document.laye?emplayer].bgColo??]; document.laye?emplayer].to?Mtop + yBase*Math.sin((c??j*5)/3)*Math.sin(550+cur??0) document.laye?emplayer].left = Mleft + yBa?ath.cos((cur??5)/3)*Ma?in(550+c??100) ?currStep+= s? T=setTimeou?ireworks()",5); if (currStep == 220) { c??= -10; for (n = 0; n < sClrs.leng?n++) { var k = Math.?d(Ma?andom()*n); ?itialSta?or = sCl?]; if (document.all) { D?= window.doc??dy.clien?ght - 250; Dleft = xBase * 3.5; Mtop = Math.?d(Ma?andoDtop); Mleft = Math.?d(Ma?andom()*Dlef?document.all.sta????= Mtop+document.body.scrollTop; document.all.sta???left = Mleft+doc??dy.scrollLef? else if (document.layer? Dleft = window.inne?? 100; Dtop = window.inne?ght - 100; M?= Ma?ound(Math.random()*D??ow.pageYOffset);ft = Math.ro?Math.random()*Dleft+?ow.pageXOffset); doc???[tem?er].?= Mtop; document.layers[?laye?eft = Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop += 90; Mlef? 90; } } } Fireworks(); // End --> </sc?>

Free JavaScrip??ded
by