Html in overall_header.tpl einbinden

[T@ngo]

Hallo erstmal,

ich möchte die Navigationszeile meiner Html-Seiten irgendwie in der overall_header.tpl so unterkriegen, dass diese oberhalb des Forums erscheint. Der Html-Code der Navizeile ist eine Tabelle und sieht so aus:

Code: Alles auswählen

<table border="0" width="100%" align="center" cellspacing="0" cellpadding="0">
<tr><td>
&nbsp;<a href="nav1.html">Nav1</a>&nbsp;<a href="nav2.html">Nav2</a>&nbsp;...
<td></tr>
</table>

Zusatzfrage für die Positionierung: Wie setzte ich die Positionierung um? Am besten würde es -glaube ich- aussehen, wenn die Navizeile ganz oben -oberhalb des Forumslogo und Forumsnavigation- stehen würde. Aber unterhalb -quasi zwischen Forumslogo und Foren- würde ich es auch gerne mal optisch austesten... (Wenn nur ganz oben einfügen geht, wäre ich aber auch zufrieden!)

Bisher gefunden zu diesem Thema:

Die Lösung ist der umgekehrte Weg: Nicht das Forum in die Homepage einbinden, sondern die Homepage ins Forum. Dazu musst du nichts weiter tun, als den HTML-Code von header/footer der Homepage in die Dateien templates/xxx/overall_header.tpl bzw. overall_footer.tpl einzufügen.

Leider verstehe ich nicht WIE und WO ich das Html einfügen muss?!

Danke für die Hilfe im voraus!

[Crack02]

einach mal die overall_header.tpl aufmachen

dann haste sowas wie

Code: Alles auswählen

<table width="97%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td><a href="{U_INDEX}"><img src="templates/smartDark/images/logo_phpBB.gif" alt="{SITENAME}" border="0"></a></td>
				<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
				 <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                  <a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></span><span class="mainmenu"> ::
                  <a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a> ::
                  <a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a> ::
                  <a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a>
                  <br /><hr>
                  <!-- BEGIN switch_user_logged_out -->
                  <a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a> ::</span>
                  <!-- END switch_user_logged_out -->
                  <a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a> ::
                  <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a> ::
                  <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a></span>
                  <br /><hr>
                  <a href="{U_STAFF}" class="mainmenu"><b>Staff Member</b></a> ::
                  <a href="irc://irc.xplosionirc.net/FXFS" class="mainmenu">IRC Directlink</a> ::
			<a href="{U_CHAT}" class="mainmenu">WebIRC Applet</a> ::
			<br /><hr>
                  <a href="{U_DISC}" class="mainmenu"><b>Disclaimer</b></a>
				</td>
               </tr>
               </table></td>
			</tr>
		</table>

dann knallst deine navleiste einfach irgendwo rein z.b. direkt am anfang überm logo und den links zu den bereichen

Code: Alles auswählen

<table border="0" width="100%" align="center" cellspacing="0" cellpadding="0">
<tr><td>
&nbsp;<a href="nav1.html">Nav1</a>&nbsp;<a href="nav2.html">Nav2</a>&nbsp;...
<td></tr>
</table> 
<br>
<table width="97%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td><a href="{U_INDEX}"><img src="templates/smartDark/images/logo_phpBB.gif" alt="{SITENAME}" border="0"></a></td>
				<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
				 <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                  <a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></span><span class="mainmenu"> ::
                  <a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a> ::
                  <a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a> ::
                  <a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a>
                  <br /><hr>
                  <!-- BEGIN switch_user_logged_out -->
                  <a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a> ::</span>
                  <!-- END switch_user_logged_out -->
                  <a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a> ::
                  <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a> ::
                  <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a></span>
                  <br /><hr>
                  <a href="{U_STAFF}" class="mainmenu"><b>Staff Member</b></a> ::
                  <a href="irc://irc.xplosionirc.net/FXFS" class="mainmenu">IRC Directlink</a> ::
			<a href="{U_CHAT}" class="mainmenu">WebIRC Applet</a> ::
			<br /><hr>
                  <a href="{U_DISC}" class="mainmenu"><b>Disclaimer</b></a>
				</td>
               </tr>
               </table></td>
			</tr>
		</table>

[roum]

Die Datei, die du ändern musst ist die overall_header.tpl.
So ist deine Navi über dem Logo:

Code: Alles auswählen

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center"> 
<tr> 
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td>
<table border="0" width="100%" align="center" cellspacing="0" cellpadding="0">

<!-- Anfang deiner Navigation -->		
<tr><td>
&nbsp;<a href="nav1.html">Nav1</a>&nbsp;<a href="nav2.html">Nav2</a>&nbsp;...
<td></tr>
</table>
</td></tr>
<!-- Ende deiner Navigation -->

<tr> 
<td><a href="{U_INDEX}"><img src="templates/roum/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
.
.
.

Wenn sie unter das Logo soll, dann kannst du die Navi so einfügen:

Code: Alles auswählen

<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/roum/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/roum/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/roum/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
</tr>
</table></td>
</tr>

<!-- Anfang deiner Navigation -->
<tr><td>
&nbsp;<a href="nav1.html">Nav1</a>&nbsp;<a href="nav2.html">Nav2</a>&nbsp;...
<td></tr>
</table>
</td></tr>
<!-- Ende deiner Navigation -->
			
</table>

<br />
.
.
.

[T@ngo]

Vielen Dank für die Hinweise!

So einfach wie ich dachte war es dann doch nicht, da ich die grundsätzliche Optik des Forum -im nachhinein- doch nicht verändern wollte. Es sollte nicht sofort als Änderung "ins Auge springen".

Ausserdem erwies sich die ganze Sache wegen den Verknüpfungen der Class-Attribute und die Tatsache, dass im Header -so vermute ich mal- Tabellen aufgehen, die im Footer wieder zu gehen, als nicht ganz so einfach... zumindest, wenn es so aussehen sollte, als ob es schon so original wäre.

Nach einigen Experimenten habe ich dann zu einer recht einfachen und optisch schönen Lösung gegriffen. Ich habe einfach nach der Hauptnavi des Forums einen Zeilenumbruch gemacht und meine Navi angehängt. Somit war die Wirkung des CSS garantiert.

... class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span> <br>...meine Navigation