Eigenen Header und eigene Menüleiste einbauen

[pedi]

Hi,

da ich ein Forum (Breite=960) in eine bestehende Webseite integrieren möchte, möchte ich den phpBB3-Header (proSilver) durch einen eigenen Header (960x100) ersetzen, das Suchfeld verschieben und gleich unterhalb des Headers eine Menüleiste reinstellen, die auf allen anderen Seiten auch zu sehen ist.

Ich weiß, dass der Header-Austausch unter overall_header.html vorgenommen werden muss. Nur weiß ich nicht genau welche Zeilen ich zu löschen habe.

Wie/Wo kann ich das Suchfeld verschieben und wo muss ich meine Menüleiste einbauen?

Danke sehr...

Pedi

[pedi]

Code: Alles auswählen

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="../styles/prosilver/theme/images/innforum/header.jpg" style="display:block" /></a>

				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Also ich krieg's irgendwie nicht hin. Ich habe meinen Header, wie oben gezeigt, eingefügt. Aber es funktioniert nicht. Woran liegt das?

[pedi]

kann mir keiner helfen?

[Dr. Sooom]

Hallo pedi!

Ok, ich sag' dir mal, ab welcher Zeile was beginnt:

Zeile 97: Genau ab dieser Zeile beginnt der Header.

Code: Alles auswählen

<div class="headerbar">

Zeile 122: Genau ab dieser Zeile beginnt die Menüleiste.

Code: Alles auswählen

<div class="navbar">

Bevor du nun den Inhalt zwischen Zeile 97 und 121 löschst, solltest du das Suchfeld noch herauskopieren. Dieses fängt bei Zeile 107 an und hört bei Zeile 117 auf.

Code: Alles auswählen

Zeile 107: <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
Zeile 117: <!-- ENDIF -->

Nun könntest du den Header einfügen, wäre da das CSS-Problem nicht. Also weiter.

Ich habe eine separate CSS-Datei für den Header erstellt, da die Hyperlinks "scheinbar" anders eingebunden werden müssen, da sie sonst nicht richtig angezeigt werden. Die CSS-Einbindung sollte direkt nach der Zeile 13 platziert werden (noch vor {META}).

Folglich solltest du den <Aa-Tag mit <span class="f-a"><ul><li> und </li></ul></span> umschließen. In der CSS-Datei definierst du dann diesen Tag wie folgt:

Code: Alles auswählen

.f-a ul li {list-style:none; padding:0px; margin:0px}
f-a ul li a {color.......}

Hinweis: diese Methode ist nicht W3C-Konform.

Hoffe ich konnte dir etwas weiterhelfen.

[Dakota]

habs nicht ausproviert, aber kannst deinen header doch in einer separaten html-datei erstellen und mittels diesem <--- include usw. ----> einfügen.

bei subsilver2 geht das, bei prosilver sollte es auch gehen, zumindest im portal gehts.
das ist einfacher als die css-geschichten umzubauen...