Header mit Rollover.

Dann versuche ich es jetzt mal zu erklären:
Im Template overall_header diesen Abschnitt suchen:

Code:

<!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->

Den Teil durch diesen Austauschen:

Code:

<!-- BEGIN switch_logo_center -->
<a href="/forum"><img src="http://illiweb.com/fa/empty.gif" id="i_logo_l" width="179" height="571" border="0" alt="{L_INDEX}" title="Zum Forum" vspace="1" /></a>
<a href="/portal"><img src="http://illiweb.com/fa/empty.gif" id="i_logo_r" width="179" height="571"border="0" alt="{L_INDEX}" title="Zum Portal" vspace="1" /></<br />
<!-- END switch_logo_center -->

Austauschen.
Die Bilder legen wir nun über die CSS Einträge fest.
Hier der CSS Code dazu:

Code:

#i_logo_l {
  background-image:url("http://img835.imageshack.us/img835/3657/logolinks2.png");
}
#i_logo_r {
  background-image:url("http://img854.imageshack.us/img854/7048/logolinks1.png");
}
#i_logo_l:hover {
  background-image:url("http://img687.imageshack.us/img687/1600/logolinksu.png");
}
#i_logo_r:hover {
  background-image:url("http://img809.imageshack.us/img809/114/logorechts2.png");
}

Ich habe im Template die Bilder mit der Leergrafik in der Größe deiner Bilder festgelegt und die Links sowie die Titel angegeben. Die Bilder haben die img Class: i_logo_l und i_logo_r.
Diesen habe ich über das CSS einen Hintergrund zugewiesen und ein Hover mit eingesetzt, der dann das zweite Bild anzeigt.
Ich denke das sich das von selber erklärt.
Es kann sein, das die Bilder beim ersten Hovern etwas Zeit benötigen, bis sie angezeigt werden.
Versuch es mal, es ist nicht so schwer wie es aussieht.

Bitte schön.