home | e-mail 

Company slogan or important information can go here





 
 

This template allows you to:

Download a prebuilt site to your machine.

Add and delete pages to the navigation with ease.

Change button and banner text with ease.

Customize page content to suit your needs.

Publish to your host with the click of a button.


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 styleauto.css to make the changes necessary to get the look you want for link colors and underlines.
To open styleauto.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: #CC0000; text-decoration: none; }
A:visited { color: #CC0000; text-decoration: none; }
A:active { color: #CC0000; text-decoration: none; }
A:hover { color: #CC0000; text-decoration: underline; }
A.topmenu:link { color: #FFFFFF; text-decoration: none; }
A.topmenu:visited { color: #FFFFFF; text-decoration: none; }
A.topmenu:active { color: #FFFFFF; text-decoration: none; }
A.topmenu:hover { color: #FF9900; text-decoration: none; }
TD { font-family: Verdana,Arial; font-size: 13px; }

You will notice that the stylesheet uses a"class" called topmenu which applies to the menu at the top right corner of the page.

The rest of the settings apply to all other links on your page.

The links for the template are set to red "#CC0000" - change this to "#000080" if you want them to be dark blue for example.

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 and Company Information