What I wanted to do was to have one index.html file for the Dream Jobs front door, the color of which I could change at will - as if I were getting dressed in the morning and today wanted to wear, say, black. To do this, I would need to set a variable ($color) that would then affect all the other children values. On the index.html page, I would then list the values for all six of my color schemes, and, through the magic of XSSI, the color I specified would show up on your Web page. It works like this:
<!--#set var="color" value="white" -->
<!--#if expr="$color = /white/" -->
<!--#set var="body" value="<BODY bgcolor=#000000 alink=#000000 link=#FFFFFF vlink=#333333>" -->
<!--#set var="lt" value="#CCCCCC" -->
<!--#set var="medlt" value="#999999" -->
<!--#set var="med" value="#999999" -->
<!--#set var="dark" value="#000000" -->
<!--#endif -->
The color variable affects both the values for the index.html and the teasers.htmlf file that is called in. Everywhere $color shows up, it is replaced by "white." Since we determined (at the top of the page) that today we feel like having the page be in the black-and-white color scheme, I want to set this variable to white. Tomorrow I may feel like making it purple, which would then call in the purple values, like this:
<!--#if expr="$color = /purple/" -->
<!--#set var="body" value="<BODY bgcolor=#330033 link=#FFCC00 vlink=#FF6600 alink=#330033 text=#000000>" -->
<!--#set var="lt" value="#FFCC00" -->
<!--#set var="medlt" value="#9900CC" -->
<!--#set var="med" value="#990066" -->
<!--#set var="dark" value="#330033" -->
<!--#endif -->
The children values that I set, like <!--#set var="lt" value="#CCCCCC" -->, are created so that I can change the table-cell colors at will. In the index.html file, I put a call in for the cell color in the <TD> tag, like this: <td align=left valign=top colspan="1" bgcolor=<!--#echo var="lt" -->>.
Every table cell with a background color gets a light, medium, or dark value within all the color schemes.
The last thing I did was set up my color schemes using the information the designers gave me. Now, every week, all that needs to be done is to determine what color scheme to use, put it into the <!--#set var="color" value="white" --> value, and change the text blurbs in the teasers.htmlf file. Pretty cool, eh?
