HTML Trix

Ever wonder how they have the text scroll across the screen, or the links not underlined? Here you'll find out how! Remember to change the red text to the right URL, name, etc.!

Wanna know how to add background music? Heres the code! Things in red can be changed to fit. :D
<EMBED SRC="files/sailormoon.mid" WIDTH="0" HEIGHT="0"
ALIGN="BOTTOM">

Ever wonder how they make the words scroll across the screen like so?
Hi, this is a message scrolling across the screen!
It's simple, just do: <MARQUEE>what ever you want to say</MARQUEE>

How to make the links not underlined, put this code inbetween <HEAD> and </HEAD> at the top:

<style type=text/css>
     A { text-decoration: none }
</style>

Want it to be underlined when the mouse scrolls over it? Do this:
<style TYPE="text/css">
<!--a {  text-decoration: none}
a:hover {  text-decoration: underline}--->
</style>

Or how about when it is under and overlined when you hover the mouse over it?
<style TYPE="text/css">
<!--a {  text-decoration: none}a:hover {  text-decoration: overline}--->
</style>

No, wait, this is the coolest one! it has a background like
this
when you hover over it! Here's the code!
<STYLE TYPE="TEXT/CSS">
<!--body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 3px}
a { text-decoration: none}
a:link { color: #ffffff; text-decoration: none}
a:hover { color: #ffffff; text-decoration: none}
a:hover {background-color:#ffffff;
color:#000000}
a:active {text-decoration:underline; color: #ffffff}
a:active {text-decoration:overline; color: #ffffff}-->
</STYLE>

Or how about when the mouse doesn't turn into a hand when you put the mouse over the link?
<style TYPE="text/css">
<!--a {  text-decoration: underline}
a:hover {cursor:n-resize}--->
</style>

This ones cool, it's underlined, and when you hover over it, it's not:
<style TYPE="text/css">
<!-- {  text-decoration: noline}a:hover {  text-decoration: none}--->
</style>

Oh, if you want to change the color when you hover the mouse over the link use this:
<STYLE>
<!--A:link {text-decoration: none; color: #000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #000000}
A:hover {text-decoration: underline overline; font-weight: none; color: #990000;}-->
</style>

You know when you hover the mouse over a link and words appear in the destination thing? Here's the code. Just remember to put it between "whatever.html" and >
TARGET="_top" onMouseover="window.status='Picture Galleries'; return true" onMouseout="window.status=''; return true"

Don't know how to add a table? Here's how. Remeber that you can change the blue.
</FONT></P>
<P><TABLE WIDTH="450" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="33%" BGCOLOR="#ffffff">one</TD>
<TD WIDTH="33%" BGCOLOR="#000000"><FONT COLOR="#ffffff">two</FONT></TD>
<TD WIDTH="33%" BGCOLOR="#ffffff">three</TD>
</TR>
<TR>
<TD WIDTH="33%" BGCOLOR="#000000"><FONT COLOR="#ffffff">four</FONT></TD>
<TD WIDTH="33%" BGCOLOR="#ffffff">five</TD>
<TD WIDTH="33%" BGCOLOR="#000000"><FONT COLOR="#ffffff">six</FONT></TD>
</TR>
<TR>
<TD WIDTH="33%" BGCOLOR="#ffffff">seven</TD>
<TD WIDTH="33%" BGCOLOR="#000000"><FONT COLOR="#ffffff">eight</FONT></TD>
<TD WIDTH="33%" BGCOLOR="#ffffff">nine</TD>
</TR>
</TABLE>

And that certain code for the table will look like this:
one two three
four five six
seven eight nine

 

Also, if you don't know how to do something, you can always look at the HTML source of a page and play around with it until it looks the way you want it.

Still doesn't help? Email me and I'll try to help you!

Fun | Main