[Stefan118]

In the ACP, goto Styles and templates --> Style maneger
In the right screen select: Edit templates.
In the Header template you see the folowing code:

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">

After that your banner / logo is loaded.

I have edited my template, so i don't know anymore what the original code is what follows under the code above here...

But everithing between

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">

and

    <div id="toplinks" class="toplinks">
        <vb:if condition="$show['member']">
            <ul class="isuser">

can be edited for your banner if i'm correct.

To be sure, you can copy and past the whole template to a textfile so if it doesn't work you can put the file back.

--------------- Added [DATE]1346626923[/DATE] at [TIME]1346626923[/TIME] ---------------

I just found out that it doesn't work...
Tried it in my testforum, and it doesn't show my banner.

Working on it....

--------------- Added [DATE]1346627529[/DATE] at [TIME]1346627529[/TIME] ---------------

it works... I forgot 2 closing tags lol.

This is what you have to do...

Find in the Header template:

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">

and replace EVERYTHING between that and

    <div id="toplinks" class="toplinks">
        <vb:if condition="$show['member']">
            <ul class="isuser">

with this:

<script language="javascript" type="text/javascript" src="/templates/high_javascript.js">
<!--
//var iWidth = 0;
//var iHeight = 0;
//-->
</script>
 <center>
<script type="text/Javascript">
<!--
/*initialization for IE! Leave this funtion after the body tag */
 /*if(!window.Width && document.body && document.body.offsetWidth)
  {
   //window.onresize = recal;
 	 //alert("line114!");
   Width = windowWidth();
   Height = windowHeight();
   //alert(Width + "<br>" + Height);
   //alert("width");
 }
 */
//-->
var iWidth, iHeight, sRes;
if (window.innerWidth != null) {
	//alert("first");
	iWidth = window.innerWidth;
	iHeight = window.innerHeight; 
}
else if (document.body.clientWidth != null) {
	//alert("second");
	iWidth = document.body.clientWidth;
	iHeight=document.body.clientHeight;
} else {
	//alert("third");
	}

var imgPath = "banner.jpg";
var imgAlt = "Alt text.";

if (iWidth <= 1100) {
     document.write("<a href=http://www.google.com target=_new><img src='/enter image sourcepath WITHOUT image name!/" + imgPath + "' alt='" + imgAlt + "' width='350'></a>");

	}

else

 {
     document.write("<a href=http://www.google.com target=_new><img src='/enter image sourcepath WITHOUT image name!/" + imgPath + "' alt='" + imgAlt + "' width='430'></a>");
  }
</script>

</center>

Note:
Replace google.com for your own URL
Replace the name of the banner
Replace the imagepath like this: /images/logo/
Resize the width of your logo (1440 and a lower resolution) where i have 350 and 430