So, damit es nicht staendig Fragen in den unterschiedlichsten Threads gibt, habt ihr hier zwei Methoden die funktionieren.

Der Moderne
Diese Methode funktioniert auf allen Browsern die Modernes CSS beherrschen also alle ausser die InternetExplorer Familie. Sie funktioniert auch ohne Javascript und ist mein persoenlicher Favorit:

Html:
<style type="text/css"><!-- 
    a[href*="http://scripts.knuddels.de/ww/knuddels.de/"] {
       background: url('http://i41.tinypic.com/2cn2ut.jpg');
       width: 600px; height: 60px;
       display: block;
    } 
    font[size='5'] b { 
       display: none;
    }
    --></style>

Dieses Script wurde hauptsaechlich von Mein Nick in folgendem Beitrag vorgestellt.

Der Faule
Beim Faulen, braucht man nichts weiter als zu kopieren und die Adresse der Grafik und die Dimensionen einzutragen und schon ist man fertig. Diese Methode funktioniert auf allen Browsern, hat allerdings den Nachteil, dass derjenige der eure Seite betrachtet, JavaScript eingeschalten haben muss. Wir jedoch sind hier in Knuddels und da hat man sein js immer eingeschalten.

Diesen Code kopieren
Html:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript"><!--
   $(function(){
      var myHeader = 'myHeader';
      var header = $('font[size="5"]');
      
      header.contents().filter(
         function() {
            var $this = header;
            if( 
               $this.find('b').hide() || 
               $this.find('a > b').hide() 
            );
            return false;
            
         } 
               
      );
           
      uri = header.children('a').attr('href').split('/');
      $('a[href*=".de/'+uri[5]+'"]').addClass(myHeader);
          
   });
--></script>

<!-- endjS // start css -->

<style type="text/css"><!--
   .myHeader{
      background: url('http://i41.tinypic.com/2cn2ut.jpg')bottom left;
      width:600px; height: 60px;
       
   /* ab hier, die Werte nicht veraendern */   
      display: block;
      text-indent: -999em;
      outline: none;
       
   }
--></style>


Im CSS Abschnitt, aendert ihr die URL, Breite und Hoehe, ganz so wie ihr es braucht.

Ich hab zu Demonstrationszwecken in beiden Beispielen einfach mal meine Grafik drin gelassen, die entfernt ihr und ersetzt sie durch eure. Solltet ihr nichts ersetzen, dann bekommt ihr im Headerbereich dieses Bild:

[img]http://i41.tinypic.com/2cn2ut.jpg[/img]

Conslusion
Sicher ist, die hier als faul bezeichnete Methode, noch ausbaufaehig und wer moechte, kann das gerne noch verbessern –bzw. modifizieren. Denkbar waere, dass man nach dem sechsten URI-Array ausschau haelt und diesen mittels Endattributselektor einbindet. Jedoch muesste man vorher erstmal filtern, was mir hier zu viel Aufwand war.

Hier koennt ihr noch ein Livebeispiel sehen:
Beispielseite auf Unite
Powered by
[img]http://promote.opera.com/opera9/468x60opera9.gif[/img]