Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.07.2010 um 11:51 (UTC)    
Titel: [Tutorial] CSS: Verschiedene Header.

Hi,
da ich im Forum schon öfters die Frage gehört hab wie man auf jeder Seite
einen anderen Header erstellt, und noch Kein Tutorial dazu gefunden habe,
erstelle ich hier einfach mal eins.

Also Es gibt 2 Möglichkeiten, Einmal die das der Header zufällig Wechselt, und einmal das man selbst entscheidet auf welcher Seite Welcher Header ist.

Arrow Zufälliger Header:
-> Diesen Code Bei Text über dem Design

Zitat:
<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>


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!

Außerdem muss nun auch der Standart Header Deaktiviert werden, dafür diesen Code bei CSS-Code
ohne Style Tags:
einfügen:
Zitat:
#header_container {display:none;}



Arrow Header auf jeder Seite Selbst Bestimmen.

-> Diesen Code bei CSS-Code
ohne Style Tags:

Zitat:
#selfheader {
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 follgender Code:
Zitat:
<div id="selfheader"><img src="Header Grafik dieser Seite"></div>

Auch hier ist es wichtig das alle Header Grafiken gleich groß sind.


Okay das wars eigentlich auch schon jemand kann damit etwas anfangen,
Wenn fragen sind oder etwas nicht Funktioniert könnt ihr euch an mich wenden.

MFG eMil
______________

Akinom ist ein kostenloses Strategie-Browser-Kartenspiel komplett in PHP geschrieben.
HPBK Posting Roulett
Beitrag21.07.2010 um 14:14 (UTC)    
Titel:

Nicht schlecht, allerdings etwas umständlich.

Gruß
Camiyo
______________
Wenn ihr mich unterstützen wollt, würde ich mich freuen wenn ihr für mich (techmec.de) auf http://www.selbstaendig-im-netz.de/2011/05/23/blog-coaching/abstimmung-zum-blog-coaching/ abstimmt, einfach den Haken vor "Techmec.de" setzten und auf "Vote" klicken, würde mich sehr freuen!!
Beitrag21.07.2010 um 15:08 (UTC)    
Titel:

Top, werd ich ausprobieren.
Danke
Beitrag24.07.2010 um 10:53 (UTC)    
Titel:

Ich Pushe Hier mal damit das Nicht in den Massen Untergeht.
______________

Akinom ist ein kostenloses Strategie-Browser-Kartenspiel komplett in PHP geschrieben.
HPBK Posting Roulett
Beitrag03.08.2010 um 09:14 (UTC)    
Titel:

Ich Pushe Hier mal damit das Nicht in den Massen Untergeht.
______________

Akinom ist ein kostenloses Strategie-Browser-Kartenspiel komplett in PHP geschrieben.
HPBK Posting Roulett
Beitrag17.08.2010 um 17:16 (UTC)    
Titel:

Coole Sache,

aber enn ich den Header von links platzieren muss, dann ist der in jedem Brwoser um einen Pixel verschoben.

Im Firefox brauche ich den Abstand "left" 382px, in Google Chrom dagegen 381.

Wie kann ich das Problem beheben?

Gruß,
Max
______________

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de