Anything RED must be kept or the html
won't work.
You may change anything that is BLUE.
Just copy & paste this html codes onto your page.
COLOR CHART FOR FONTS/BACKGROUNDS
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF | ||||||
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF | ||||||
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF | ||||||
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF | ||||||
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF | ||||||
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF | ||||||
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF | ||||||
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF | ||||||
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF | ||||||
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF | ||||||
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF | ||||||
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF | ||||||
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF | ||||||
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF | ||||||
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF | ||||||
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF | ||||||
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF | ||||||
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF | ||||||
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF | ||||||
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF | ||||||
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF | ||||||
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF | ||||||
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF | ||||||
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF | ||||||
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF | ||||||
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF | ||||||
| CC9900 | |||||||||||
| CC9933 | CC9966 | CC9999 | CC99CC | CC99FF | |||||||
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF | ||||||
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF | ||||||
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF | ||||||
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF | ||||||
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF | ||||||
| FF9900 | FF9933 |
|
FF9999 | FF99CC | FF99FF | ||||||
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF | ||||||
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
***NOTE*** Put the 6-digit code in back of the "#" if you are gonna change the color of the text.
***NOTE*** You can change the fonts by putting the name of your favorite
font.
ex. Comic Sans MS, Verdana, Times New Roman, etc.
***NOTE*** You can also change the font size by inserting a new number after
the "size" tag.
ex. "1" = 8pt
"2" = 10pt
"3" = 12pt
"4" = 14pt
"5" = 18pt
"6" = 24pt
"7" = 36pt
TO PUT IN A SCROLLING TEXTBOX
<div id="scroll3" style="width:300;height:100;overflow:auto;border-color:#0099FF; border: line; border-top-width:0;border-left-width:0;border-bottom-width:0;border-right-width:0;"><center><font face="Verdana" size="2" color="#0099FF">TEXT GOES HERE</font></div>
***NOTE*** You can also change the width and the height of the textbox to match your page. To warn you, if you do not type enough in the textbox...it will not scroll. Just simply type alittle bit more and it should work out.
TO PLACE AN IMAGE ON YOUR PAGE
<IMG SRC="URL ADDRESS GOES HERE" ALT="DESCRIPTION OF PICTURE GOES HERE"
***NOTE*** The "ALT" function is there to provide a mouse-over description of the picture...you don't have to put a description if you don't want to
TO PLACE A LINK ON YOUR PAGE
<A HREF="URL ADDRESS GOES HERE">CLICK HERE TO GO TO THIS LINK</A>
TO MAKE A DROP DOWN LIST
<select style="background-color: #000000;color: #0099FF; font-family: Verdana; font-size: 10px;"><option>ITEM 1</option><option>ITEM 2</option><option>ITEM3</option></select>
***NOTE*** You may add more things to the list. Just make more of the <option>?????</option>
TO ADD MUSIC TO YOUR SITE
<BGSOUND SRC="URL ADDRESS OF THE SONG GOES HERE" AUTOSTART=true LOOP=infinite>
***NOTE*** you have to have a MP3 or WMA file somewhere on the internet to work.
TO CHANGE THE COLORS AND LOOK OF THE SCROLL BARS OF THE WINDOW
<style><!--body {scrollbar-face-color:000000;scrollbar-shadow-color:0000FF;scrollbar-highlight-color:0000FF;scrollbar-3dlight-color:000000;scrollbar-darkshadow-color:000000;scrollbar-track-color:000000;scrollbar-arrow-color:ffffff;}--></style>
SCROLLING TEXTBOX MARQUEE
<center><table width=325
height=375 border=4
bordercolor=navy><tr><td
bgcolor=#ffccff><center><font
face="helvetica" size=3 color=navy><B></B></td></tr><tr><td
bgcolor=#ffccff><center><font
size=3 color=navy><u>~411~</u></font>
<MARQUEE DIRECTION=UP SCROLLDELAY=3 SCROLLAMOUNT=1 WIDTH=100% STYLE="text-align:justify;filter:wave(add=0,
phase=1, freq=2, strength=1);"><center><font size="2" color="#ffccff"><p>
<font face="helvetica size="3"
color="navy"><br>
TEXT GOES HERE
</B></center></font></p></td></tr></table>
SCROLLING TEXT
<MARQUEE DIRECTION="LEFT" SCROLLAMOUNT=5><font face="Verdana" color="white" size="2">SCROLLING TEXT GOES HERE</MARQUEE>
***NOTE*** You can change the direction of the marquee by putting in left, right, up & down
PUT A VIDEO ON YOUR PAGE
<embed name="RAOCXplayer" src="http://www2.hawaii.edu/~winstonc/Salmon.mpg" type="application/x-mplayer2" width="320" height="275" ShowC."0" ShowStatusBar="0" AutoSize="true" AutoStart="false" loop="false" EnableC."0" DisplaySize="0" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"></embed><br><br>
PUT A MUSIC BOX ON YOUR PAGE
<center><br><font color=0000FF><b>-*-<u>NOW PLAYING</u>-*-</font><br>Eminem - Just Lose It</b><br><embed src="http://www2.hawaii.edu/~winstonc/Just_Lose_It.wma" width=200 height=40 autostart=false loop=true></embed></center>
TO PUT COLOR BORDERS AROUND YOUR PAGE
<style type="text/css">BODY{border-style:solid;border-top-width:45px;border-bottom-width:45px;border-left-width:20px;border-right-width:20px;border-color:00CCFF;}</style>
TO CHANGE THE COLOR OF WORDS ON THE PAGE
<style type="text/css">body{background-color:white}</style>
<STYLE type=text/css>body, table, td {background-color:white;border:0px
none;color:00CCFF;
font-style:normal; font-variant:normal; font-weight:normal}
li, h1, h2, p, br {color: ffffff;}
.navbar {color: ffffff;}
.blacktext {color: ffffff;}
.blacktext10 {color: ffffff;}
.lightbluetext8 {color: 0000FF;}
.blacktext12 {color: FFFFFF;}
.btext {color: FFFFFF}
.whitetext12 {color: 00CCFF;}
.orangetext15 {color: 00CCFF;}
.copy {color: 00CCFF;}
.text {color: 00CCFF;}A:link{color:00CCFF;text-decoration:none}
A:visited{color:00CCFF;text-decoration:none}
A:active{color:00CCFF;text-decoration:none;}
A:hover{color:00CCFF;text-decoration:none;}
LI, l {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
</style>
PUT FLYING MARQUEES ON YOUR PAGE
<MARQUEE direction=right height=50 scrollAmount=15 scrollDelay=10 style="COLOR: 000099; FILTER: alpha(opacity=40); FONT-FAMILY: century gothic; FONT-SIZE: 35pt;FONT-WEIGHT: normal; POSITION:absolute;top:250;left: 0; bottom: 80px;Z-INDEX: 500"width=700;>Happy</MARQUEE><br><MARQUEE direction=left height=50 scrollAmount=15 scrollDelay=10 style="COLOR: 000000; FILTER: alpha(opacity=40); FONT-FAMILY: century gothic; FONT-SIZE: 35pt; FONT-WEIGHT: normal; POSITION: absolute; top: 275; left: 0; bottom: 80px; Z-INDEX: 500" width=700;>New Year!!!</MARQUEE>
FIXED BACKGROUND PICTURES
<style type="text/css">
body {
background-color:black;
background-image: url(http://www2.hawaii.edu/~winstonc/lightning.jpg);
background-attachment: fixed
}
</style>
<style type="text/css">
td {
background-color:transparent;
border-color:white;
border-width:1;
}
table {
background-color:transparent;
border-color:white;
border-width:1;
}
</style>
CHANGING THE FONT OF WORDS ON PAGE
<style type="text/css">
br {color:white;font-family:Comic Sans MS; font-size:12}
p {color:white;font-family:Comic Sans MS; font-size:12}
h2 {color:white;font-family:Comic Sans MS; font-size:12}
h1 {color:white;font-family:Comic Sans MS; font-size:12}
li {color:white;font-family:Comic Sans MS; font-size:12}
textarea {color:white;font-family:Comic Sans MS; font-size:12}
div {color:white;font-family:Comic Sans MS; font-size:12}
p {color:white;font-family:Comic Sans MS; font-size:12}
li {color:white;font-family:Comic Sans MS; font-size:12}
td {color:white;font-family:Comic Sans MS; font-size:12}
body {color:white;font-family:Comic Sans MS; font-size:12} .text {color:white;font-family:Comic
Sans MS; font-size:12} .nametext {color:white} .blacktext10
{color:336699}.orangetext15 {color:3399FF;font-family:Arial; font-size:12}
.lightbluetext8 {color:3399FF;font-family:Arial; font-size:12} .blacktext12 {color:white}
.btext {color:3399FF;font-family:Arial; font-size:12} .whitetext12
{color:3399FF;font-family:Arial; font-size:12} .redbtext
{color:336699;font-family:Arial; font-size:12}
a:link{color:3399FF;font-family:Arial;
font-size:12}a:hover{color:336699;font-family:Arial; font-size:12}a:active
{color:336699;font-family:Arial; font-size:12} a:visited {color:white;font-family:Arial;
font-size:12}</style>
That's all I can think of to put on this page for
now...just let me know if you want anything else for your page:
Contacts:
AOL IM & ASIAN AVENUE = RedlineWC