Detailed Instruction for CSS changes

The colors, font and style of the bottom navigation text is controlled by a style sheet. You'll need to open the file stylesheet.css to make the changes necessary to get the look you want for link colors and underlines.

To open stylesheet.css, just double click on the file in the site files window. Now just play around with colours until you get the combination you need.

This is how stylesheet.css looks in its raw form. Dreamweaver does of course provide a graphical interface to this file:

A.bottomnav:link {
COLOR: #ffffff;
TEXT-DECORATION: none
}
A.bottomnav:visited {
COLOR: #ffffff;
TEXT-DECORATION: none
}
A.bottomnav:active {
COLOR: #ffffff;
TEXT-DECORATION: none
}
A.bottomnav:hover {
COLOR: #ffcc99;
TEXT-DECORATION: none
}
TD {
FONT-FAMILY: Verdana,Arial;
FONT-SIZE: 13px
}
HR {
COLOR: #336699;
HEIGHT: 2px
}

You will notice that the stylesheet uses a "class" called bottomnav which applies to the navigation at the foot of the page.

There's no underline to keep things tidy - if you want to put a line, change the word "none" to "underline"

The links for the menu are set to white "#ffffff" - change this to "#000080" if you want them to be dark blue for example.

The mouseover colour is set to a shade of orange - if you want it to be black, change it to "#000000" for example. (NB. This doesn't show in NN4 but is ignored so it's not a problem)

That's about it - it's really not as daunting as it may seem. It's a good chance to get your hands dirty with some CSS practice!  

Copyright information and details