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://i251.photobucket.com/albums/gg317/ohmysapphire/Backgrounds/md-metallicblue1_silk.jpg') fixed; color: #a8a8a8; font-weight:bold; text-align:center; background-attachment:fixed } hr { display:none } #div1 { padding: 12px; border: 2px solid #000000; background: url('http://i251.photobucket.com/albums/gg317/ohmysapphire/Glitters/Blue/az05.gif'); } #div2 { padding: 55px; border: 2px solid #000000; background: url(' http://i251.photobucket.com/albums/gg317/ohmysapphire/Backgrounds/LK37zijde.jpg'); } #div3 { padding: 12px; border: 2px solid #000000; background: url('http://i251.photobucket.com/albums/gg317/ohmysapphire/Glitters/Blue/az05.gif'); } #content { padding: 6px; border: 2px solid #000000; background: url('http://i251.photobucket.com/albums/gg317/ohmysapphire/Backgrounds/md-metallicblue1_silk.jpg'); } hr { display:none } </style> <div id="div1"> <div id="div2"> <div id="div3"> <div id="content"> <br /><center><p> <br> <br> <img border="0" src="http://i251.photobucket.com/albums/gg317/ohmysapphire/Graphics/DawnDolphins.gif"><P> <a href="http://www.ohmysapphire.com" target="_blank"><img src="http://i251.photobucket.com/albums/gg317/ohmysapphire/OhMySapphire.gif" alt="http://www.ohmysapphire.com." width="193" height="62" border="0" longdesc="http://www.ohmysapphire.com" /></a><P> <BODY> <div id="img" style="position:absolute;"> <img src="http://i251.photobucket.com/albums/gg317/ohmysapphire/Graphics/dolphin.gif" onMouseDown="pauseResume();"> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Justin Arruda (JArruda@mindspring.com) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; var name = navigator.appName; if(name == "Microsoft Internet Explorer") name = true; else name = false; var xPos = 20; if(name) var yPos = document.body.clientHeight; else var yPos = window.innerHeight; function changePos() { if(name) { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; } else { height = window.innerHeight; width = window.innerWidth; Hoffset = document.img.clip.height; Woffset = document.img.clip.width; document.img.pageY = yPos + window.pageYOffset; document.img.pageX = xPos + window.pageXOffset; } if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset); } if (xon) { xPos = xPos + step; } else { xPos =xPos - step; } if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset); } } function start() { if(name) img.visibility = "visible"; else document.img.visibility = "visible"; interval = setInterval('changePos()',delay); } function pauseResume() { if(pause) { clearInterval(interval); pause = false; } else { interval = setInterval('changePos()',delay); pause = true; } } start(); // End --> </script> <body bgproperties="fixed"> </script>
