onmouseover: How to make a color changing navigation bar

Tweet

Do you like my new navigation bar?

I love my crazy yellow flowered header, I really do :) But I really wanted to showcase my new forum in a link at the top of the page, so I decided to add a little navigation bar!

Here's the code!

In Blogger:

• Under design, "Add a new gadget"
• Select HTML
• Past the following code, (With NO title) 
• Change the red color codes to your background color-
  (What the links will look like when the page first loads)
• Change the purple color codes to your hover color
• Change the green color code for the bar underneath

You can find a huge list of html color codes HERE


<table border="0" cellpadding="2" bgcolor="#fbf7ef" width="100%"><font color="#000000"><strong>
<tr><td onmouseover="this.bgColor='#d5db53'" onmouseout="this.bgColor='#fbf7ef'"><strong><center><a href="LINK ONE">LINK ONE NAME</a></center></strong></td><td onmouseover="this.bgColor='#d5db53'" onmouseout="this.bgColor='#fbf7ef'"><strong><center><a href="LINK TWO">LINK TWO NAME</a></center></strong></td><td onmouseover="this.bgColor='#d5db53'" onmouseout="this.bgColor='#fbf7ef'"><strong><center><a href="LINK THREE">LINK THREE NAME</a></center></strong></td><td onmouseover="this.bgColor='#d5db53'" onmouseout="this.bgColor='#fbf7ef'"><strong><center><a href="LINK FOUR">LINK FOUR NAME</a></center></strong></td></tr></strong></font></table><hr color="#a79904" />