To do this just add some lines to your CSS and then call it out in the template you want it to display.
Example: for a 3 part image in the CSS add
Code:
#headerFill{
background-image: url(your/path/to image/here.gif);
background-repeat: repeat-x;
height: 120px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(your/path/to image/here.gif);
height: 120px;
background-repeat: no-repeat;
width: 468px;
float: left;
margin-left: -20px;
}
#headerR {
background-image: url(your/path/to image/here.gif);
background-repeat: no-repeat;
height: 120px;
width: 175px;
float: right;
margin-right: -20px;
}
You can name it however you like, I used headerFill, headerR, and headerL. Be sure to put the correct image height and width in. THe margin-right and left is to align the edges to your forum width...you may need to adjust it or remove it.
Then in your header template add the following:
Code:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>
You should now have a fluid banner