pein87
01-12-2009, 10:00 PM
This mod will show you how to add a diffrent image per page on only the defined pages you select. I use this on my forum and it changes the headers background image if this script is something.
Heres what I used
I added this to the header template in the all style options selection under manage style.
I added this code to replace the vbulletin icon.
<tr>
<if condition="THIS_SCRIPT == 'showthread' OR THIS_SCRIPT == 'member'">
<td id="logo1"></td>
<else />
<if condition="THIS_SCRIPT == 'group' OR THIS_SCRIPT == 'private'">
<td id="logo2"></td>
<else />
<td id="logo"></td>
</if></if>
</tr>
Now the image changes based on the page your on but you need css to give the table data some height.
Remember that you must use OR in caps and not or or || like you would in php or any other progamming language or it will not work an dont forget the ' before and after the declaration of the script example: 'member' is valid but member is not valid.
I used
#logo {
height: 200px;
background-color: #000000;
background-image: url(images/freshblue/misc/logo.png);
background-position: right;
background-repeat: no-repeat;
}
That gives it the height of 200 pixels sets the image up for fluid forums and its position is set to right with no repeat. to view this in action view my site.
DEMO (http://www.anime-dreamz.com/forum/index.php)
Heres what I used
I added this to the header template in the all style options selection under manage style.
I added this code to replace the vbulletin icon.
<tr>
<if condition="THIS_SCRIPT == 'showthread' OR THIS_SCRIPT == 'member'">
<td id="logo1"></td>
<else />
<if condition="THIS_SCRIPT == 'group' OR THIS_SCRIPT == 'private'">
<td id="logo2"></td>
<else />
<td id="logo"></td>
</if></if>
</tr>
Now the image changes based on the page your on but you need css to give the table data some height.
Remember that you must use OR in caps and not or or || like you would in php or any other progamming language or it will not work an dont forget the ' before and after the declaration of the script example: 'member' is valid but member is not valid.
I used
#logo {
height: 200px;
background-color: #000000;
background-image: url(images/freshblue/misc/logo.png);
background-position: right;
background-repeat: no-repeat;
}
That gives it the height of 200 pixels sets the image up for fluid forums and its position is set to right with no repeat. to view this in action view my site.
DEMO (http://www.anime-dreamz.com/forum/index.php)