TYPES OF DECORATIONS
none, underline, overline, line-through

TYPES OF FILTERS
glow, shadow, blur, fliph, flipv


CHANGING CURSORS FOR PAGE
( APPLY CURSOR WHERE IT SAYS [ TYPE OF CURSOR ] )
<style type=text/css><!-- body{cursor:TYPE OF CURSOR} //--></style><br>
 CHANGING CURSOR FOR LINKS
( APPLY CURSOR WHERE IT SAYS [ TYPE OF CURSOR ] )
<style type=text/css><!-- a:hover{cursor:TYPE OF CURSOR} //--></style><br>
MOUSEOVER: DIFFERENT FONT SIZE
(Change size)
<style type="text/css"><!- - a:hover{font-size:20px} //--></style><br>
MOUSEOVER: DIFFERENT FACE
(Change face)
<style type="text/css"><!- - a:hover{font-family:times new roman} //--></style><br>
MOUSEOVER: DIFFERENT COLOR
(Change color)
<style type="text/css"><!- - a:hover{color:#B00000} //--></style><br>
MOUSEOVER: LETTER SPACING
(Change size)
<style type="text/css"><!- - a:hover{letter-spacing:5p x} //--></style><br>
MOUSEOVER: BACKGROUND COLOR
(Change color)
<style type="text/css"><!- - a:hover{background:#B0000 0} //--></style><br>
MOUSEOVER: BACKGROUND IMAGE
<style type="text/css"><!- - a:hover{background:url(in sert url here)} //--></style><br>
MOUSEOVER: BORDERED
(Change color and border type)
<style type="text/css"><!- - a:hover{border:#FFFFFF 1px solid} //--></style><br>
MOUSEOVER: DECORATION
(Change decoration)
<style type="text/css"><!- - a:hover{text-decoration:l ine-through} //--></style><br>
MOUSEOVER: FILTERED
(Change filter, color, size, strength)
<style type="text/css"><!- - a:hover{filter:glow(color :#FFFFFF, strenth=3);height:0px;wid th:inherit} //--></style><br>
IMAGES WITH WRITING ON MOUSEOVER
(If the image doesn't load, is loading or isn't working, the TEXT will show up)
<img src="IMAGE URL" alt="TEXT"><br>
FULL MOUSE ROLLOVER EFFECTS
<STYLE type="text/css"><br><!--<br>A:link {color:YOUR COLOR HERE!};}<br>A:visited {color:YOUR COLOR HERE!;}<br>A:active {color:YOUR COLOR HERE!;}<br>A:hover{color:YOUR COLOR HERE!;<br>background-color:YOUR COLOR HERE!;}<br>}<br>--><br></STYLE><br>
FADE MOUSEOVER (IMAGE)
1.) (INSERT IN HEAD) (SCRIPT)
<script><br><br>/*<br>Gradual-Highlight Image Script II- <br>By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)<br>Permission granted to Dynamicdrive.com to feature script in archive<br>For full source to script, visit<a href=" http://dynamicdrive.com" title=" http://dynamicdrive.com" target="_blank"> http://dynamicdrive.com</a><br>*/<br><br>nereidFadeObjects = new Object();<br>nereidFadeTimers = new Object();<br><br>/* object - image to be faded (actual object, not name);<br>* destop - destination transparency level (ie 80, for mostly solid)<br>* rate - time in milliseconds between trasparency changes (best under 100)<br>* delta - amount of change each time (ie 5, for 5% change in transparency)<br>*/<br><br>function nereidFade(object, destOp, rate, delta){<br>if (!document.all)<br>return<br> if (object != "[object]"){ //do this so I can take a string too<br> setTimeout("nereidFade("+ object+","+destOp+","+rat e+","+delta+")",0);<br> return;<br> }<br> <br> clearTimeout(nereidFadeTi mers[object.sourceIndex]);<br> <br> diff = destOp-object.filters.alpha.opacity;<br> direction = 1;<br> if (object.filters.alpha.opacity > destOp){<br> direction = -1;<br> }<br> delta=Math.min(direction*diff,delta) ;<br> object.filters.alpha.opacity+=direction*delta; <br><br> if (object.filters.alpha.opacity != 25){<br> nereidFadeObjects[object.sourceIndex]=object;<br> nereidFadeTimers[object.sourceIndex]=setTimeout(" nereidFade(nereidFadeObje cts["+object.sourceIndex+"],"+destOp+" ,"+rate+","+delta+")",rat e);<br> }<br>}<br><br></script>
2.) (THEN INSERT WHEREVER IMAGE WILL BE LOCATED)
<img src="image.jpg" border="0" style="filter:alpha(opaci ty=25)" onmouseover="nereidFade(t his,100,30,5)" onmouseout="nereidFade(th is,10, 50, 5)">



Scrollbar
<style type="text/css"><!- - body{scrollbar-track-colo r:#FFFFFF;scrollbar-highl ight-color:#8080FF;scroll bar-3dlight-color:#00BFFF ;scrollbar-darkshadow-col or:#8080FF;scrollbar-shad ow-color:#FFFFFF;scrollba r-arrow-color:#8080FF;scr ollbar-face-color:#FFFFFF } //--></style>


Music
<bgsound src="insert url of song here" autostart="true" loop="-1">


Videos
<img dynsrc="url of movie" autostart="true" loop="-1">



Linking

EMAIL LINK:
<a href="mailto:you@domain.com">email me</a>
EMAIL WIT SUBJECT:
<a href="mailto:you@domain.com?subject=Your Subject">email me</a>
LINKING IN SAME BROWSER
<a href="http://xpresshtml.net">xpressHTML</a& gt;
LINK WIT NEW BROWSER (TEXT ONLY)
<a target="_blank" href="http://xpresshtml.net">xpressHTML</a& gt;
LINK WIT IMAGE
<a href="http://xpresshtml.net"><img src="url of your image"></a>
LINK W/O BORDER use border="0"
<a href="http://xpresshtml.net"><img src="url of your image" border="0"></a>