|

Stylesheets.
 |
The colors, font and style of the left and right panel text, and the appearence of link text is controlled by a style sheet. You'll need to open the file style.css to make the changes necessary to get the look you want for link colors and underlines. |
 |
To open style.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:link { color: #333333; text-decoration: none; }
A:visited { color: #333333; text-decoration: none; }
A:active { color: #333333; text-decoration: none; }
A:hover { color: #F39000; text-decoration: underline; }
TD { font-size: 13px; font-family : Verdana,Arial; }
TD.right { font-family: Verdana,Arial; font-size: 11px; color: #F7F7F7; }
TD.left { font-family: Verdana,Arial; font-size: 11px; color: #333333; }
You will notice that the stylesheet uses 2 "classes" called left and right which apply to the left and right panels.
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 template are set to grey "#333333" - change this to "#000080" if you want them to be dark blue for example.
The mouseover colour is set to a shade of orange (#F39000) - 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!
|