css class dependant on page you're on?

**diosrl** · Sun 17 Aug '08, 1:10pm

Digg into php if/else statements rather than css. You can do it by css with selectors, but for vbulletin is more complicated that way.

PHP Code:


<? if page=='home' echo '<li class="active">'; ?>

then define that class like .active {background:#color;} It's just an example... very generic and not very server friendly.

**SNN** · Mon 18 Aug '08, 10:24am

If you understand this, you probably will be able to use it...

PHP Code:


define('class','active');    # active class
define('iclass','inactive'); # inactive class
switch ($page) {
   case "home":
        $class = iclass;
        $Aclass = class;
        break;
   default:
        $class = iclass;
        $Aclass = class;
        break;
}

**Darren Gordon** · Sat 23 Aug '08, 2:56am

Or you could add an extra class to the <body> tag depending on what page it is, then add per page rules.

PHP Code:


$page = 'news';
echo("<body class=\"page_$page\">");

Code:

.page_news li {
 color: red
}
.page_article li {
 color: blue
}

css class dependant on page you're on?

css class dependant on page you're on?

Comment

Comment

Comment