Seite 1 von 2
Bilder in die Kopfleiste einfügen
Verfasst: 06.04.2005 22:55
von 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
Verfasst: 06.04.2005 23:02
von Markus67
Hi ...
Wie groß sollen denn die beiden Bilder links und rechst sein ?
Kannst du die mal verlinken ?
Markus
Verfasst: 07.04.2005 17:37
von 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
Verfasst: 07.04.2005 19:19
von 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"> <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"> <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> <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> <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>
<!-- BEGIN switch_user_logged_out -->
<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>
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> <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> <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> <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> </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 -->
<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>
<!-- 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
Verfasst: 07.04.2005 20:25
von 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!?
Verfasst: 07.04.2005 20:41
von 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
Verfasst: 08.04.2005 14:34
von 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?
Verfasst: 08.04.2005 14:40
von Markus67
Hi ...
gpm hat geschrieben:Wie ist das umsetzbar?
Null Problemo
mach mal die Grafiken fertig .. ich bau dir das ganze dann ein
Markus
Verfasst: 09.04.2005 09:12
von 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?
Verfasst: 09.04.2005 15:00
von Markus67
Die Datei ist nicht verfügbar ...
wie groß die Bilder sind ist eigentlich egal das sie ja als Hintergrund eingebaut werden
Markus