Verschiedene Header
Es gibt 2 Möglichkeiten den Header zu wechseln. Einmal das der Header zufällig wechselt, und zweitens das man selbst entscheidet auf welcher Seite Welcher Header eingesetzt wird.
Zufälliger Header
Diesen Code Bei Text über dem Design
<div style="position: absolute; top: XXXpx; left: XXXpx; z-index: 5;">
<script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();
image[1] = 'Header Bild URL 1';
image[2] = 'Header Bild URL 2';
image[3] = 'Header Bild URL 3';
image[4] = 'Header Bild URL 4';
image[5] = 'Header Bild URL 5';
var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;
document.write('<img src="' + image[ran] + '" border="0" />');
//-->
</script> </div>
<script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();
image[1] = 'Header Bild URL 1';
image[2] = 'Header Bild URL 2';
image[3] = 'Header Bild URL 3';
image[4] = 'Header Bild URL 4';
image[5] = 'Header Bild URL 5';
var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;
document.write('<img src="' + image[ran] + '" border="0" />');
//-->
</script> </div>
Nun Muss der Header nurnoch platziert werden.
Rot: Abstand von oben
Blau: Abstand von links
Wichtig: alle Header müssen die gleiche Größe haben!
Zudem muss nun der Standart Header Deaktiviert werden, dafür diesen Code bei CSS-Code ohne Style Tags einfügen:
#header_container {display:none;}
Header auf jeder Seite Selbst Bestimmen.
Diesen Code bei CSS-Code ohne Style Tags:
#selfheader {
position: absolute;
left: 50%;
top: XXXpx;
margin-left: XXXpx;}
#header_container {display:none;}
position: absolute;
left: 50%;
top: XXXpx;
margin-left: XXXpx;}
#header_container {display:none;}
Auch hier muss der Header noch platziert werden.
Rot: Abstand von oben.
Blau: Abstand von der Mitte. (Wenn der Header auf dem linken teil der Seite sein soll muss dort eine negative Zahl rein)
Nun müsst ihr auf jeder Seite in den Quellcode folgender Code einsetzen:
<div id="selfheader"><img src="Header Grafik dieser Seite"></div>
Auch hier ist es wichtig das alle Header Grafiken gleich groß sind.
