Bilder in die Kopfleiste einfügen

[gpm]

Hallo ihr,

wie kann ich in die Kopfleiste hier:
http://phpbbtest.ph.funpic.de/phpBB2/index.php
je links und rechts von Banner+Menü noch ein Bild
einfügen?

Die overall_header.tpl ist hier:
http://phpbbtest.ph.funpic.de/overall_header.txt

[Markus67]

Hi ...

Wie groß sollen denn die beiden Bilder links und rechst sein ?
Kannst du die mal verlinken ?

Markus

[gpm]

Die Bilder sollen etwa so hoch werden, wie Banner+Menü.
Von der Breite her sollen sie je links und rechts daneben passen.
-> dort wo jetzt noch alles weiß ist...

Habe die Bilder noch nicht erstellt. Mir geht es hier vor allem um
den Code, wie ich es einbinde.
Wie groß die Bilder im Endeffekt werden, kann ich noch nicht sagen.
Aber das dann im Code anzupassen würde ich mir zutrauen

[fanrpg]

Also das ist der Codeteil dafür:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
	<tr>
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr>
				<table width="80%" cellspacing="0" cellpadding="2" border="0" align="center">
                          	<td align="center" valign="top" nowrap="nowrap"><a href="http://www.gp-manager.de"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="GrandPrix Manager" vspace="1" /></a></td>
                                    	<tr>
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
						</td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/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/subSilver/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/subSilver/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>

Da kannste dann z.B nach:

Code: Alles auswählen

<td align="center" valign="top" nowrap="nowrap"><a href="http://www.gp-manager.de"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="GrandPrix Manager" vspace="1" /></a></td>
                                    	<tr>

ein

Code: Alles auswählen

<td align="center" valign="top" nowrap="nowrap"><img src="irgendwas.irgw"></td>

einfügen dann wäre links ein Bild eingebunden und für rechts:

Suchst du:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
						</td>

Und fügst dannach dann nochmal sowas ein:

Code: Alles auswählen

<td align="center" valign="top" nowrap="nowrap"><img src="irgendwas.irgw"></td>

So das stellt dann Bilder in den Header kannst aber auch das in einem vorhandenem <td> Tag einbinden nur das wird komplizierter

[gpm]

Danke für deine Hilfe, aber das war leider nicht so der Hit:
http://phpbbtest.ph.funpic.de/phpBB2/index.php

Kann ich das nicht in extra Tabellen tun - je links und rechts?
Oder andere Vorschläge!?

[Markus67]

Hi ...

ich würde ein Hintergrundbild machen und das dann in einer extra Tabelle mittig fixieren ... so bist du auch nicht abhängig von der Bildschirmgrösse und das ganze bleibt felxibel.

So kannst du die Grafik 1200 px breit machen und musst eigentlich nur darauf achten dass das ganze auch bei 800 px nach was aussieht.

Wird klar was ich meine?

Markus

[gpm]

Leider wirds mir noch nicht ganz klar...

Hier mal ein Link!
So würde ich mir den Header vorstellen:
http://phpbbtest.ph.funpic.de/index.html

Wie ist das umsetzbar?

[Markus67]

Hi ...

Wie ist das umsetzbar?

Null Problemo

mach mal die Grafiken fertig .. ich bau dir das ganze dann ein

Markus

[gpm]

Super! Freut mich

Es wird allerdings noch ein klein wenig dauern, bis ich die Bilder fertig habe.

Nehmen wir aber doch einfach diese 2 Beispielbilder:
http://phpbbtest.ph.funpic.de/index.html

Ich kann sie ja dann durch die richtigen ersetzen. Das trau ich mir sogar zu

Noch ewas:
Wie groß müssen die Bilder denn sein, damit es auch in verschiedenen Auflösungen nach etwas aussieht?

[Markus67]

http://phpbbtest.ph.funpic.de/index.html

Die Datei ist nicht verfügbar ...

wie groß die Bilder sind ist eigentlich egal das sie ja als Hintergrund eingebaut werden

Markus