Better to ask CF to render multiple files than have to manage multiple versions of each file. Think how it might look if they had 5 color files Dan. They'd have to manage each style in SIX files.
-----Original Message----- From: Dan G. Switzer, II [mailto:[EMAIL PROTECTED] Sent: Monday, September 10, 2007 1:50 PM To: CF-Talk Subject: RE: "Dynamic" CSS Bruce, >I have a question. I am working on our school's websites and rather >than have 12 different style sheets, I would like to have one style >sheet that has three classes where the background-color attribute is >dynamic. So how would I go about doing this? Now I can create a css.cfm >page and load the colors into the database, making sure that the proper >school ID is associated with their respective colors, but I thought >that I might be able to use the .css page instead. Among the many other options, another method that would not involve using CFML to generate the CSS is this: * Create a base CSS which has all the CSS rules you want in it. * For each set of color variations, create a new CSS file. In this you'll want to place CSS rules to just overwrite the colors you need overwritten. * Load the base CSS file first * Then right after, load the correct CSS file that overwrites the colors for that style. Using this method all the core CSS rules (that set position, font styling, etc) are in one place. The additional CSS files you contain would just contain rules to overwrite the colors. For example: ---- default.css ---- h1 { margin: 0px; font: Arial; border-bottom: 1px solid #cccccc; } --- style_red.css --- h1 { border-color: #ff0000; } --- style_green.css --- h1 { border-color: #00ff00; } --- style_blue.css --- h1 { border-color: #0000ff; } Now if you load the CSS files like: --- Example 1 --- <!---// load default styles //---> <link href="default.css" rel="stylesheet" type="text/css" /> <h1>Grey Border</h1> --- Example 2 --- <!---// load default styles //---> <link href="default.css" rel="stylesheet" type="text/css" /> <!---// load "red" styles //---> <link href="style_red.css" rel="stylesheet" type="text/css" /> <h1>Red Border</h1> Depending on which "style_*.css" file you load, you can change just the key aspects of the CSS to support style. The nice thing about this method is you don't have to push another file through the CFML engine. If you push CSS files through the CFML engine, that means for every page request a browser is going to need at least 2 CF threads. You could create a script to generate static versions of the style_*.css files if you wanted to generate those files automatically based upon data in the database. -Dan ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Check out the new features and enhancements in the latest product release - download the "What's New PDF" now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:288111 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
