Sorry thx for reminding me.
goto your style manager and replace the header template with:
Code:
<!-- logo -->
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="11"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
<td width="135"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
<td width="100%"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
<td width="11"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
</tr>
<tr>
<td width="11"><img width="11" height="135" border="0" src="$stylevar[imgdir_misc]/topside1.jpg" alt="" /></td>
<td colspan="2" width="100%" height="135" class="header"></td>
<td width="11"><img width="11" height="135" border="0" src="$stylevar[imgdir_misc]/topside2.jpg" alt="" /></td>
</tr>
<tr>
<td width="11" class="side2">
<table width="11" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="11" height="518"></td>
</tr>
<tr>
<td width="11"><img src="$stylevar[imgdir_misc]/side4.jpg" border="0" width="11" height="25" alt="" /></td>
</tr>
</table>
</td>
<td width="134" class="side1"><img src="$stylevar[imgdir_misc]/side1.jpg" width="134" height="518" border="0" alt="" /><br /><img src="$stylevar[imgdir_misc]/side1.gif" width="134" height="25" border="0" alt="" /><br /><img src="$stylevar[imgdir_misc]/pixel.gif" width="10" height="1" border="0" alt="" /></td>
<td width="100%">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" class="headerbot"><img src="$stylevar[imgdir_misc]/spacer.gif" height="4" alt="" /></td>
</tr>
<tr>
<td width="587"><img src="$stylevar[imgdir_misc]/buttonback.jpg" border="0" width="568" height="30" alt="" /><img src="$stylevar[imgdir_misc]/buttoncor.gif" border="0" width="15" height="30" alt="" /></td>
</tr>
</table>
<br />
<!-- /logo -->
<table width="96%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td width="41"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
<td width="100%"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
<td width="41"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
</tr>
<tr>
<td width="41"><img src="$stylevar[imgdir_misc]/q1.jpg" border="0" width="41" height="7" alt="" /></td>
<td width="100%" class="q3"></td>
<td width="41"><img src="$stylevar[imgdir_misc]/q1-1.jpg" border="0" width="41" height="7" alt="" /></td>
</tr>
<tr>
<td width="41"><img src="$stylevar[imgdir_misc]/q4.jpg" border="0" width="41" height="26" alt="" /></td>
<td width="100%" class="q5"></td>
<td width="41"><img src="$stylevar[imgdir_misc]/q4-1.jpg" border="0" width="41" height="26" alt="" /></td>
</tr>
<tr>
<td width="41"><img src="$stylevar[imgdir_misc]/a1.jpg" border="0" width="41" height="15" alt="" /></td>
<td width="100%" class="a2"></td>
<td width="41"><img src="$stylevar[imgdir_misc]/a1-1.jpg" border="0" width="41" height="15" alt="" /></td>
</tr>
<tr>
<td width="41" class="aq1"></td>
<td width="100%" bgcolor="#181818">
<!-- content table -->
$spacer_open
$_phpinclude_output
now because the background is added using CSS so the style passes XHTML validation add the code below to your
"MAIN CSS" in the section titled
"Additional CSS Definitions" HTML Code:
.header {
background: url("http://www.bluepearl-design.com/forums/images/Darkness/misc/top.jpg");
}
All u need to do now is upload your old header
top.jpg to replace the new one.