[adwade]

Originally Posted by ddo36

Installed nice nice nice. =)

BUT Is there a way to add another color?'

how do you do that?

nevermind. ive done it.

HOW did you do it?

I created an additional green.css containing...

.tcat
{
	background: #336633;

}
.vbmenu_control
{
background: #336633;
}

Then uploaded it to my forum's root folder.

I also added the lines in red below to my header, to allow for a green color option...

<link rel="alternate stylesheet" type="text/css" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" title="green-theme" href="green.css" />
<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" title="pinkish-theme" href="pinkish.css" />
<script src="colorchooser.js" type="text/javascript"></script>

<div id="topbar">
<div class="colorchooser"> <span>Choose your color scheme: </span>
<a href="javascript:ChennaigsmStyle('none')" style="background-color:#ffffff;"></a>
<a href="javascript:ChennaigsmStyle('orange-theme')" style="background-color:#FF9900;"></a>
<a href="javascript:ChennaigsmStyle('green-theme')" style="background-color:#336633;"></a>
<a href="javascript:ChennaigsmStyle('violet-theme')" style="background-color:#003366;"></a>
<a href="javascript:ChennaigsmStyle('red-theme')" style="background-color:#990000;"></a>
<a href="javascript:ChennaigsmStyle('grey-theme')" style="background-color:#999999;"></a>
<a href="javascript:ChennaigsmStyle('black-theme')" style="background-color:#000000;"></a>
<a href="javascript:ChennaigsmStyle('pinkish-theme')" style="background-color:#B26267;"></a> </div> 
</div>

The new green pick box shows up just fine. When I hover over it it says: javascript:ChennaigsmStyle('green-theme') [S]However, when i click on it, it acts just like the 'none' selection[/S]. (Code above is now correct & works perfectly!)

EDIT: Nevermind, I too just found my error. In copying the violet lines of code to make new ones for the green color, I did not change the word violet to green in all places, see my mistake below.

Oops! When I copied the violet line, I only revised the last occurrence of violet to green

<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="green.css" />

when it should have been

<link rel="alternate stylesheet" type="text/css" title="green-theme" href="green.css" />