Calling all Dreamweaver experts!!

[dorset_diver]

As i'm about to embark upon my final project for my degree i am creating a web-site for a friend and basically my plan is to have a sort of tab system like on this site, but the difference is that when you click on the different tab the design remains exactly the same through out the site, but the only difference is the colour scheme changes, so the user will "know" that they are still in my site yet in a different section.

So question is how do i archive the different colour schemes with he use of CSS within Dreamweaver?!


Thanks in advance
Chris Middleton

[Jay]

Are you asking how to create the tabs in DW or how to change the colorscheme for the user?

I'm not a DW techie as I prefer to code by hand (code Nazi) but have some ideas on how I would approach the latter issue.

Depending on your knowledge level, personally I would use cookies to record the client's preferences and have a mini CSS file for each color scheme. When they click on new color scheme tab I would update their cookie to reflect the CSS file required.

(I know I am spelling color the American way but I can't help it any longer - too much time coding!)

[dorset_diver]

Jay,

Sorry maybe i posted up wrong, the colour scheme would not be selectable, each tab would have its own colour, so the user can easily see that they have changed to a different part of the site but are still within my site, if you get my drift?


Cheers
Chris Middleton

[Jay]

Ah, ok.

So, use CSS for the tab as the menu is really a list.

In your CSS file, to get a list to display horizontally, use:

 li {float: left}

This 'floats' the list objects from left to right

The in your CSS file, define a class for the lists for each color eg

.red li {
color: red;
}
.yellow li {
background-color: yellow;
}

and so on.

In your menu list in HTML, use <li class="red">RED LINK</li> etc to change the color for that link item.

This might help a little with the horizontal list stuff - CSS Workshop: Horizontal Menu