Welcome!

All Text

Page font size,style,and color
<style type="text/css"> body, p, td { color: #000000; font-size: 10pt; font-family: verdana; } </style>
• Change #000000 for the colour.
• Change 10pt for the size.
• Change verdana for the font style.

Make all text lowerase
<style type="text/css"> body, p, td { text-transform: lowercase; } </style>

Make all text UPERCASE
<style type="text/css"> body, p, td { text-transform: uppercase; } </style>

Make all text Capitalized
<style type="text/css"> body, p, td { text-transform: capitalize; } </style>

Make all text with a line through
<style type="text/css"> body ,p, td { text-decoration: line-through } </style>

Make all text left aligned
<style type="text/css"> body, table, p { text-align: left; } </style>

Make all text centered aligned
<style type="text/css">body, table, p { text-align: center; } </style>

Make all text right alinged
<style type="text/css"> body, table, p{ text=algn:right;} </style>

Backgrounds

Repeating NON fixed background
<style type="text/css"> body { background: url(URLHERE); } </style>
• Change URLHERE

Repeating Fixed Background
<style type="text/css"> body { background-image: url(URLHERE); background-attachment: fixed; } </style>
• Change URLHERE

Non Repeating Fixed Background
(ie. one image in the bottom right corner)
<style type="text/css"> body { background-image: url(URLHERE); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } </style>
• Change URLHERE
• Change right bottom to center, left center, right center,
left bottom, center bottom, right top, left top, or center top.

Solid Background Color
<style type="text/css"> body { background: #FFFF00; } </style>
• Change #FFFF00 to another colour.

Cursors

Cursor
<style type="text/css"> body { cursor: TYPE; } </style>
• Change TYPE to hand, crosshair, n-resize, e-resize, s-resize, w-resize, nw-resize,
sw-resize, ne-resize, se-resize, move, text, wait, help, progress, not-allowed,
no-drop, vertical-text, all-scroll, col-resize, or row-resize

Custom cursor
<style type="text/css"> body { cursor: url(URLHERE); } </style>
• Change URLHERE to the address of the cursor.

Forms

Buttons and text boxes(NOT textareas like the ones on this page)
<style type="text/css"> select { color: #00FF00; font-family: arial; background-color: #FF0000; border: 2px solid; border-color: #FFFFFF; } </style>
• Change #00FF00 for the font colour.
• Change "arial" for the font style.
• Change #FF0000 for the background colour.
• Change 2px solid for the border width and style.
• Change #FFFFFF for the border colour.

Drop down lists
<style type="text/css"> select { color: #00FF00; font-family: arial; background-color: #FF0000; border: 2px solid; border-color: #FFFFFF; } </style>
• Change #00FF00 for the font colour.
• Change "arial" for the font style.
• Change #FF0000 for the background colour.
• Change 2px solid for the border width and style.
• Change #FFFFFF for the border colour.

Text Area boxed(like the ones on this page)
<text*area rows=3 name=box cols=40>TEXT HERE</text*area>
• Change rows=3 to how ever many rows you want shown.
• Change cols=40 to how long(lenght) you want your box.
• Change TEXT HERE to your text.
• Change all the * to no space.

Hover

UPERCASE on Mouseover
<style type="text/css"> a:hover { text-transform: uppercase; } </style>

lowercase n Mouseover
<style type="text/css"> a:hover { text-transform: lowercase; } </style>

Capitalize on Mouseover
<style type="text/css"> a:hover { text-transform: capitalize; } </style>

Change color on Mouseover
<style type="text/css"> a:hover { color: #FF0000; } </style>
• Change #FF0000

Underline on Mouseover
<style type="text/css"> a:hover { text-decoration: underline; } </style>

Overline on Mouseover
<style type="text/css"> a:hover { text-decoration: overline; } </style>

Overline and Underline on Mouseover
<style type="text/css"> a:hover { text-decoration: overline underline; } </style>

Bold on Mouseover
<style type="text/css"> a:hover { font-weight: bold; } </style>

Italics on mouseover
<style type="text/css"> a:hover { font-style: italic; } </style>

Strike Through on mouseover
<style type="text/css"> a:hover { text-decoration: line-through; } </style>

Increased Spacing on Mouseover (expanded)
<style type="text/css"> a:hover { letter-spacing: 2px; } </style>

Decreased Spacing on Mouseover (squished)
<style type="text/css"> a:hover { letter-spacing: -2px; } </style>

drop shadow on mouseover
<style type="text/css"> a:hover { height:0px; filter: dropshadow(color=#666666,offx=1,offy=1); } </style>
• Change #666666 to another colour code or name.

Blur on mouseover
<style type="text/css"> a:hover { height:0px; filter: blur(add=1,direction=270,strength=8); } </style>
• Change 270 to another number to change the direction.
• Change 8 to another number to make the blur stronger or weaker.