useful HTML

no scrolling background

(very convenient for websites with an iframe)
put this in your css
<br /> body {background: url('background img link here!') fixed}

drop down menu

(opens in new window)
put this between your < body > < /body > tags
<script language="javascript"> function jump(form) { var myindex=form.menu.selectedIndex if (form.menu.options[myindex].value != "0") { window.open(form.menu.options[myindex].value, target="main"); } } //--> </script><br /> <br /> <br /> <form name="menu2"><div align="center"><center><p><select name="menu" style="background-color: #EEEFF0 ; font size=12 ; font-family: comic sans ms; color:#006699" size="1" onchange="jump(this.form)"><br /> <option value="0">Go to...</option><br /> <option value="-"> </option><br /> <option value="URL">NAME</option><br /> <option value="-"> </option><br /> <option value="URL">NAME</option><br /> <option value="-"> </option><br /> <option value="URL">NAME</option><br /> <option value="-"> </option><br /> <option value="URL">NAME</option><br /> <option value="-"> </option><br /> <option value="URL">NAME</option><br /> </select> </p></center></div></form>

midi player

place this in the body where you want it
<p><embed src="URL midi file.mid" autostart="true" loop="false" volume="100%" width="18" height="20"></embed></p>

overlapping image

place this where you want it and change the "left" and "right" pixels and the URL
<div style="position:relative;bottom:??px;left:??px;"><img src="IMG URL HERE" width="200" height="150" alt="50"></DIV>

popup

place this where you want it
<a href="#" onClick="MyWindow=window.open('http://yournewwindow.html','Mynewwindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=850,height=450,left=null,top=null'); return false;">link for pop up</a>

transparent scrollbars

place this underneath the part where you adjust the color of the scrollbars
<br /> filter:chroma(color=#FFFFFF);

horizontally repeating background

place this within your css
<br /> <style type="text/css"> body{background: #FFFFFF url(URL HERE) repeat-y left; </style>


hovering text

place this where you want it in your body
<br /> <acronym title="Your text here">word</acronyn>

put this in your css, you can change it to your own wishes
<br /> acronym { <br /> border-bottom:1px dotted #000; <br /> cursor:help; <br /> }

history back and forward script

the best place for this is on the top or bottom of your page but you can place it anywhere you'd like

Last
<br /> <a href="javascript: history.back(-2)">BACK</a>

Next
<br /> <a href="javascript: history.forward(-2)">FORWARD</a>

acronym (hovering text)

place this anywhere you want and change the text to your own
<br /> <p>This is a sentence with a <acronym title="Your title text here">word</acronyn> highlighted.</p>

put this in your stylesheet
<br /> acronym { <br /> border-bottom:1px dotted #000; <br /> cursor:help; <br /> } <br />

bar with css classes

put this where you want it
<br /> <div class="bar/table"></div>

put this in your stylesheet and change the colors, font etc
<br /> .bar {<br /> font-size: 7.5pt; <br /> font-family: Verdana; <br /> color: #498FA6;<br /> text-transform: none;<br /> font-weight: bold;<br /> text-align: right;<br /> line-height:8px;<br /> background-color: #F7EFCE;<br /> padding: 1px;width:100%;<br /> }<br /> <br /> <br /> .table {<br /> font-size: 7.5pt; <br /> font-family: Verdana; <br /> color: #498FA6;<br /> font-weight: normal;<br /> line-height:12px;<br /> background-color: #F7F7EF;<br /> padding: 2px;width:100%;<br /> }<br />