Designed by Ohmysapphire Creations
Copy the WHOLE code below into your main HTML code box
<!DOCTYPE HTML PUBLIC "OhMySapphire Creations"> <html> <!DOCTYPE HTML PUBLIC "OhMySapphire Creations"> <html> <head> <style type="text/css"> body{ margin: 0; padding: 50px; background: url('http://i35.photobucket.com/albums/d195/prchunkynena/inner.jpg') fixed; color: #000000; font-weight:bold; text-align:center; scrollbar-face-color: #b95cc6; scrollbar-arrow-color: #c187ac; scrollbar-track-color: #c187ac; scrollbar-base-color: #770000; scrollbar-highlight-color: #c187ac; background-attachment:fixed } hr { display:none} #div1 { padding: 12px; border: 2px solid #c187ac; background: url('http://i35.photobucket.com/albums/d195/prchunkynena/silk13.jpg'); } #div2 { padding: 55px; border: 2px solid #c187ac; background: url('http://i35.photobucket.com/albums/d195/prchunkynena/innerglitter.gif'); } #div3 { padding: 12px; border: 2px solid #c187ac; background: url('http://i35.photobucket.com/albums/d195/prchunkynena/silk13.jpg'); } #content { padding: 6px; border: 2px solid #c187ac; background: url('http://i35.photobucket.com/albums/d195/prchunkynena/inner.jpg'); } hr { display:none} </style> </head> <div id="div1"><div id="div2"><div id="div3"><div id="content"><br /><center><p> <br> <br> <br> <br> <img border="0" src="http://i35.photobucket.com/albums/d195/prchunkynena/Shadow-1.gif" width="750" height="400"><br> <BR> <BR> <BR> <center><font color="#c187ac"><b>Designed by Deb </b></font></p> <p align="center"> <!--sound begins--> <bgsound src=http://www.geocities.com/kimbersdolphins/little_mermaid.mid> <!--sound ends--> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin Image0 = new Image(); Image0.src = "http://i35.photobucket.com/albums/d195/prchunkynena/babydolphin.gif"; Amount = 3; Ymouse = -20; Xmouse = -20; Ypos = new Array(); Xpos = new Array(); Speed = new Array(); rate = new Array(); grow = new Array(); Step = new Array(); Cstep = new Array(); nsSize = new Array(); ns = (document.layers)?2:0; (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt) { Ymouse=(document.layers)?evnt.pageY-20:event.y-20; Xmouse=(document.layers)?evnt.pageX:event.x; } (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i = 0; i < Amount; i++) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random()*2+1; Cstep[i] = 0; Step[i] = Math.random()*0.1+0.05; grow[i] = 10; nsSize[i] = Math.random()*100; rate[i] = Math.random()*0.5+0.1; } if (ns) { for (i = 0; i < Amount; i++) { document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); } } else { document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++) { document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">'); } document.write('</div></div>'); } function MouseBubbles() { var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft; for (i = 0; i < Amount; i++){ sy = Speed[i] * Math.sin(200 * Math.PI / 180); sx = Speed[i] * Math.cos(Cstep[i] * 4); Ypos[i] += sy; Xpos[i] += sx; if (Ypos[i] < -40) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random() * 6 + 4; grow[i] = 8; nsSize[i] = Math.random() * 15 + 5; } if (ns) { document.layers['sn'+i].left = Xpos[i] + wscrll; document.layers['sn'+i].top = Ypos[i] + hscrll; } else { si[i].style.pixelLeft = Xpos[i] + wscrll; si[i].style.pixelTop = Ypos[i] + hscrll; si[i].style.width = grow[i]; si[i].style.height = grow[i]; } grow[i] += rate[i]; Cstep[i] += Step[i]; if (grow[i] > 24) grow[i] = 25; } setTimeout('MouseBubbles()', 10); } MouseBubbles(); // End --> </script> <br> <br> <br> <body bgproperties="fixed"> </script>
