Finally sorted like this
In header
change this
Code:
<!-- logo -->
<a name="top"></a>
<div class="header">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/twisteddark/misc/header.gif" border="0" alt="$vboptions[bbtitle]" /></a>
</div>
<div class="headerrightbg">
<div class="headerrightr">
<span class="headerlinks">
<a href="index.php">Home</a> | <a href="faq.php">About Us</a> | <a href="sendmessage.php">Contact Us</a>
</span>
<div class="headerrightl">
<img src="images/twisteddark/misc/banner11.gif" alt="Banner 11" />
</div>
</div>
</div>
<div style="clear:both"></div>
<!-- /logo -->
To this Obviously change your url/images to suit your board
Code:
<!-- logo -->
<a name="top"></a>
<div class="header">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://www.xxxxxx.us/images/twisteddark/misc/header.gif" border="0" alt="$vboptions[bbtitle]" /></a>
</div>
<div class="headerrightbg">
<div class="headerrightr">
<div class="headerrightl">
<table width="97%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 663px; height: 125px; background-image:url($stylevar[imgdir_misc]/header_banner.jpg); background-repeat:no-repeat;"></td>
<td style="background-image:url($stylevar[imgdir_misc]/header_banner_bg.gif);"> </td>
<td style="width: 41px; background-image: url($stylevar[imgdir_misc]/header_banner_right.gif); background-repeat:no-repeat;"></td>
</tr>
</table>
</div>
</div>
</div>
<div style="clear:both"></div>
<!-- /logo -->
In CSS header
change this
Code:
.headerrightl {
background: url(images/twisteddark/misc/headerrightlbg.gif) no-repeat top left;
height: 86px;
padding-left: 22px;
padding-top: 41px;
}
to this
change dimensions to suit your board
Code:
.headerrightl {
background: url(images/twisteddark/misc/headerrightlbg.gif) no-repeat top left;
height: 140px;
padding-left: 20px;
padding-top: 40px;
}