All codes are in green
All things you can change or that are being discussed are in bold
Basic Codes:
You may need to use <> or [] depending on the application.
Create a page break (skip to the next line) <br>YOUR TEXT HERE</br>
Create a new paragraph (skip the next two lines) <p>YOUR TEXT HERE</p>
Bolden Text <b>YOUR TEXT HERE</b>
Underline Text <u>YOUR TEXT HERE</u>
Italics Text <i>YOUR TEXT HERE</i>
Center Text <center>YOUR TEXT HERE</center>
----------------------------------------------------------------------------------------------------------------------
Hex Color Codes:
Instead of the usual red, orange, yellow, green, blue, purple, pink, etc. to stick between <"">, you
have the HEX COLOR CODE CHART. Hex Color Codes contain 6 letters or numbers such as #FFFFFF, which is white. It
gives you more choices on shades of certain colors rather than just dark blue, blue, and light blue. There are several
different blues, light, dark, funky, and dull. It's easier to find what your looking for using hex color codes.
----------------------------------------------------------------------------------------------------------------------
Fonts:
Regular Font Color
<font color="YOUR COLOR HERE">YOUR TEXT GOES HERE</font>
Hex Font Color Code
<font color="#000000">YOUR TEXT GOES HERE</font>
Font Size
<font size="2">YOUR TEXT GOES HERE</font>
Font Face
<font face="comic sans ms">YOUR TEXT GOES HERE</font>
Combine The Three
<font face="arial" color="#000000" size="3">YOUR
TEXT GOES HERE</font>
----------------------------------------------------------------------------------------------------------------------
Marquees:
(You can change all hex codes to regular font codes!)
Basic Marquee:
<marquee behavior=scroll direction="left">YOUR TEXT GOES HERE</marquee>
Change Marquee Direction:
Change bold <marquee behavior=SCROLL DIRECTION="LEFT">YOUR
TEXT GOES HERE</marquee>
Change LEFT to RIGHT
Or Up
Or Down
Or <Marquee Behavior="alternate"> to bounce from side to side
Change Marquee Speed:
<marquee behavior=scroll direction="left" scrollamount="4">YOUR
TEXT GOES HERE</marquee>
The bigger the number, the faster it goes!
Add Background Color to Marquee:
<marquee bgcolor="#(hex code here)">YOUR TEXT GOES HERE</marquee>
Change the length (width) of Marquee:
<marquee behavior="alternate" bgcolor="#color" width="300">YOUR
TEXT GOES HERE</marquee>
The bigger the number, the longer the marquee.
Make Images Scroll:
<marquee behavior=scroll direction="left"><a href="http://address you want
to link to><img src="YOURIMAGENAME.gif width="YOUR IMAGE WIDTH"height="YOUR IMAGE HEIGHT"
border="0" alt="YOUR IMAGE NAME"></a></marquee>
My Favorite:
Make multiple marquees all together! It's awesome!
<marquee bgcolor="#YOUR COLOR" width="15%">YOUR TEXT GOES
HERE</marquee><marquee bgcolor="#YOUR COLOR" width="15%" direction="right">YOUR
TEXT GOES HERE</marquee><marquee bgcolor="#YOUR COLOR" width="15%">YOUR TEXT
GOES HERE</marquee><marquee bgcolor="#YOUR COLOR" width="15%" direction="right">YOUR
TEXT GOES HERE</marquee>
You can change the 15% depending on how big you want each little marquee box to be. (It means, each marquee
takes up 15% of the area you put the code in, which adds up to 60% total.)
----------------------------------------------------------------------------------------------------------------------
Links:
To create a basic text link <a href="URL YOU WANT TO LINK TO">WHAT
YOU WANT THE LINK TO SAY</a>
Add an ALT tag to links <a href="URL YOU WANT TO LINK TO" title="DESCRIPTION OF YOUR LINK">WHAT YOU WANT THE
LINK TO SAY</a> This is the same code as for regular links. If you would like to just
add the alt tag, just insert title ="DESCRIPTION OF YOUR LINK" after <a
href="URL YOU WANT TO LINK TO"
Image Links <A href="URL YOU WANT TO LINK
TO" title="ALT TAG"><font color="#ff66ff"><img src="IMAGE URL"
border="0">
For a great tuturiol on how to upload images go to:
----------------------------------------------------------------------------------------------------------------------
Scrollbars:
For the basic scrollbar (one color) use this code
<html>
<head>
<style
type="text/css"><!--
body {scrollbar-base-color:#333333;}
--></style>
</head>
The entire scrollbar will be the color you select. You will need to use the hex color code chart to
decipher your color.
Multi-colored Scrollbar
<html>
<head>
<style type="text/css"><!--
body
{scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000666;
scrollbar-base-color:;#FFFFFF;
scrollbar-darkshadow-color:#333333;
scrollbar-face-color:#000333;
scrollbar-highlight-color:#333666;
scrollbar-shadow-color:#55FF66}
--></style>
</head>
