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. (WebTV)

<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" 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.

<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 PayPal donations!

candle