[RESOLVED] Dynamic CSS

sys4dm1n

How would I go about creating a dynamic way to switch CSS without manually typing in each style sheet for different files?

I have three sections of my website: a, b, c

a has style sheet style.css
b has style sheet bstyle.css
c has style sheet cstyle.css

when you go to index.php?x=a&cat=main, style.css is used
when you point to index.php?x=b&cat=main bstyle.css should be used, with out modifing the current head.php (that contants the <head> tags).

Any ideas?

tony_l

You may want to try a simple variable check liek the following -

$cssFileName //Depending on the set up you want, you can have this variable passed in the url, or stored as a cookie, or as a session variable.

INCLUDE("header.php");//This would contain your link reference to the style sheet and all document start tags - such as <HTML><BODY> etc.

.....body of page

INCLUDE("footer.php");//This closes out all tags

I have a header.php file that basically starts the whole document, and depending on the page that is being called, I have different settings that are changed via a variable scheme like the one above. I prefer to put user preferences in a session variable that is registered when they login.

Hope that helped you out some.

unreal128

If you want to have some logic to which CSS file is chosen, you will have to put a variable within your head statement since this is where the style sheet is declared...

print '<link rel="stylesheet" type="text/css" href="'.$cssfile.'" media="screen, tv, projection" />';

Instead of making the header an include file, I find it more advantageous to calling its text as a function instead, like...

require("lib/markup.inc.php");     // contains printMaintags function

printMaintags($websitename, $cssfile);   // print statement that passes cssfile into            

                                                                 // the link stylesheet declaration

Then you can add case logic to it for multiple styles...

if (isset($_GET['x']) {
    switch ($_GET['x']) {
        case 'a':
            $cssfile=astyle.css;
            break;
        case 'b':
            $cssfile=bstyle.css;
            break;
        default:
            die("bad x option passed");
    }
}

printMaintags("MyWebsite",$cssfile);

Hope this answers your question.

sys4dm1n

thanks everyone!

i will use these suggestions 🙂