Copy and Paste HTML Codes

Here are some Copy & Paste codes I've collected in the last year or so. I didn't create any of them and owe many thanks to my friends at HTML HELP for most of these! If you want to learn to build pages, they are "THE" group to join!

You're sure to find people who can help.

The following codes are on this page:
Music On Your Pages/Emails
Random Songs On A Page
Message In "Find" Text Box
Change Background Colors On A Page
Image Swap On Mouseover
Image Beside Email Text
Image Above Header
Image Above Email Text
Music On/Off Button
Scrolling Message In Text Box
Mouseover Side Bar
Blacking Out Your Email Side Bar
Moving Background
Reload Alert Code (WebTV Bug)
Basic Audioscope Code

Music On Your Pages/Emails. There are two codes here, I use them both at once. WebTV can hear both of them, while Internet Explorer reads only one and Netscape the other.

<bgsound src="http://URLofSong.mid" loop="-1"> <embed src="http://URLofSong.mid" hidden="true" align="baseline" border="0" width="128" height="128" autostart="true" loop="-1">

Random Songs On A Page. Plays songs listed in the code at random.

<script>sngs=new Array("URL1.mid","URL2.mid","URL3.mid");lnsngs=sngs.length;index=Math.round(Math.random()*lnsngs);document.write("<bgsound src="+sngs[index]+" loop='-1'>");</script>

This code puts a message in your page visitor's "Find" box. Hit your find button to see what I mean!
<script language="javascript"> window.find(' Put Your Message Here ') // --> </script>

This code allows visitors to your page to change the background colors. You can use whatever colors you choose, just change 'em!

<FORM name="changeColor"> <FONT face="Verdana,Arial,Helvetica,Sans Serif" size="2">Choose a Background Color: <BR><BR> <INPUT type="button" onClick="document.bgColor='#0000FF'" name="colr" value=" BLUE "> <INPUT type="button" onClick="document.bgColor='#FF0000'" name="colr" value=" RED "> <INPUT type="button" onClick="document.bgColor='#00FF00'" name="colr" value=" GREEN "> <INPUT type="button" onClick="document.bgColor='#FFFFFF'" name="colr" value=" WHITE "> <INPUT type="button" onClick="document.bgColor='#000000'" name="colr" value=" BLACK "></FONT> </FORM>

Image Swap On Mouseover....This code will cause an image to change to another image when it's highlighted. Both images need to be the same size. Image 1 will appear on the page until highlighted, then image 2 will appear. You can preload image 2 by adding this near the bottom of your page: img src="http://image2URL" width="1" height="1"

<a href="http://URL" onMouseOver='A.src="http://URLofImage2"' onMouseOut='A.src="http://URLofImage1"'> <img src="http://URLofImage1" name="A"></a>

This code will place an image in the body of your email next to your text. Just add your image url and midi url. If you want the image on the left use: align="left" or if you want your image on the right use: align="right"

<html><br> <body bgcolor="color" text="color"><br><center><br>Anything else you want on your email goes here<bgsound src="http://URL.mid" Loop="-1"></html></table></tr></td><center><p><img src="http://URL.gif" align="left"><p>

Image Above Header. This code will place an image at the very top of your email page. You can not see this effect unless you send an email to yourself, when writing it appears below the text! Place this code immediately after your opening html tag, but before your body tag in your sig box.

<br><br></table></td><br><br><br><center><img src="http://URLofImage" width="#" height="#"><br></center>

Image Above Text In Email. Place this code after your closing html tag in your sig box.

<html><table><td></table></td></table></td><center><img height="#" width="#" src="http://URLofImage"> </center>

Music On/Off Button. Allows visitors to turn on/off your music.
Change the color of the button to suit your needs.

<form method="get" action="http://URL.mid"><input type="submit" value="Music On/Off" text="blue"></form>

Scrolling Message In Text Box. This will put a personal message in the text box of your visitors.

<script>msg="Place Your Message Here";mlen=msg.length;i=0;function scrollMsg(){window.status=msg.substring(i,mlen)+msg.substring(0,i-1);if(i<mlen){i=i+1;}else{i=0;}setTimeout('scrollMsg()',85)}</script><body onLoad="scrollMsg()">

Mouseover Side Bar. This code is for a side bar that displays a message in the status bar when the button is highlighted.
<table width="100%" border=0> <tr><td valign=top> <table bgcolor="#999933" gradcolor="#999933" width=125 align=left border=3> <tr><td align=center valign="top"> <img src="http://caseyscaverns.com/gifs/purplespin.gif" width="98" height="60" border="0" alt="spinner"> <br> <a href="http://caseyscaverns.com/links/tutes.html" onmouseover="window.status='Tutorials & WebTV Help Links'; return true"> <form><font color="bisque"><input type="button" value="Tutorials" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <br> <a href="http://caseyscaverns.com/links/colors.html" onMouseOver="window.status='Colors & Backgrounds Links'; return true"> <form><font color="bisque"><input type="button" value="Colors" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <br> <a href="http://caseyscaverns.com/help/trans.html" onmouseover="window.status='Links To TransLoaders'; return true"> <form><font color="bisque"><input type="button" value="TransLoaders" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <br> <a href="http://caseyscaverns.com/links/lines.html" onMouseOver="window.status='Links To Lines & Bars'; return true"> <form><font color="bisque"><input type="button" value="Lines/Bars" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <br> <a href="http://caseyscavern.com/links/banners.html" onMouseOver="window.status='Links To Banners & Buttons'; return true"> <form><font color="bisque"><input type="button" value="Banners" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <br> <a href="http://caseyscaverns.com/backgrounds/backs.html" onMouseOver="window.status='CaseMans Backgrounds'; return true"> <form><font color="bisque"><input type="button" value="Backgrounds" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <br> <a href="http://caseyscaverns.com/links/cats.html" onMouseOver="window.status='Links For Cat Lovers'; return true"> <form><font color="bisque"><input type="button" value="Cats" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <br> <a href="http://caseyscaverns.com/help/blues.html" onMouseOver="window.status='Blues Only Color Chart'; return true"> <form><font color="bisque"><input type="button" value="Blues" width=125 usestyle borderimage="file://rom/borders/buttonborder2.bif" </font></form></a> <table width=125 bgcolor="#111111" border=0> <tr><td align=center valign=top> <a href="mailto:casey@caseyscavern.com" onmouseover="window.status='Email Casey'; return true"><img src="http://caseyscaverns.com/gifs/purplespin.gif" width="98" height="60" border="0" alt="spinner"><br>Casey</a> <br> </td></tr></table> </td></tr></table>

Blacking Out Your Email Sidebar. This code can be used to put a background or color over the sidebar in your emails.

<style type="text/css"> #element1 {position: absolute; z-index: 0; top: -1000px; left: -170px;} </style> <div ID="element1"> <table width="130" height="0" bgcolor="black" gradcolor="black" gradangle="90" transparency="50%"><font color="gray"><tr><td align="center" transparency="50%"><font color="gray"> <img src="http://caseys_cavern.tripod.com/backs/blackbg.gif" autostart=fastest" width="160" height="2500" transparency="50%"> </td></tr></table> </div>

Moving Background Code. This code will make the background on your web page (not emails) appear to be moving. Place this code after your "/head" tag.

<body background="http://BgURL" xspeed=5 yspeed=5><body><body bgcolor="color" text="color" transition="slideleft">

Reload Alert Code (WebTV Bug). This code alerts WebTV visitors that they need to reload due to the Bug.

<center> <SCRIPT> document.write('<'+'!'+'-'+'-'); </SCRIPT></SCRIPT> <SCRIPT> c = 6; for (i=1;i<6;i++;) { setTimeout('location.reload();', 500); } </SCRIPT><font size=7 color="red"><blackface>WEBTV BUG ALERT - PLEASE RELOAD</blackface></font>< --> </center>

This is a very basic Audioscopes Code. They seem
to be working in WebTV emails again.

<center> <AUDIOSCOPE GAIN="7" LEFTOFFSET="2" RIGHTOFFSET="-2" WIDTH="400" HEIGHT="60" BGCOLOR="white" RIGHTCOLOR="red" LEFTCOLOR="green"> </center>

Casey's Caverns supported by your generous donations!

Search Casey's Caverns
Search for:

(:A cAsEmAn PrOdUcTiOn:)