[erledigt] Headergrafik anpassen

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
SubDevil
Mitglied
Beiträge: 32
Registriert: 02.05.2006 19:08

[erledigt] Headergrafik anpassen

Beitrag von SubDevil »

Moin,

ich möchte anstelle des Logos oben links eine Grafik über das gesamte Forum bauen. Wenn ich der Grafik eine bestimmte Breite verpasse, würde je nach Auflösung die Grafik zu schmal oder zu breit werden. Also möchte ich eine Tabelle einfügen die drei Spalten enthält. In die linke Spalte ein Logo, in die rechte Spalte ein Logo und die Tabelle mit einem Hintergrundbild versehen damit die mittlere Spalte als Puffer für die Dehnung fungieren kann. (hoffe ich habe mich klar ausgedrückt) Das ganze muß ich sicherlich in der overall_header definieren aber wie lautet der code für eine solche Tabelle? Die Logos würde ich unter templates/style/logoname ablegen und von dort aus einfügen. Kann jemand einen code posten aus dem ich ersehen kann wo ich ihn einfügen muß. Anpassen kann ich ihn dann ja selber.
Zuletzt geändert von SubDevil am 01.02.2007 15:35, insgesamt 2-mal geändert.
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

Hier, kopiers dir raus:
http://www.phpbbstyles.eu/phpBB2/templa ... header.tpl

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="0" border="0">
	<tr> 
		<td background="{LOGO_BG_IMG}" align="left"><a href="{U_INDEX}"><img src="{LOGO_IMG}" border="0" alt="{L_INDEX}" width="570" height="94"/></a></td>
		<td background="{LOGO_BG_IMG}" align="right"><a href="{U_INDEX}"><img src="{LOGO2_IMG}" border="0" alt="{L_INDEX}" width="195" height="94"/></a></td>
	</tr>
</table>
Demo:
http://www.phpbbstyles.eu/phpBB2/index.php
Nach oben
SubDevil
Mitglied
Beiträge: 32
Registriert: 02.05.2006 19:08

Beitrag von SubDevil »

Auch hier ein großes Danke,

die Grafiken sind noch in Arbeit. Sobald ich sie einfügen kann werde ich sehen ob alles so aussieht wie ich es wollte.
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td background="{LOGO_BG_IMG}" align="left"><a href="{U_INDEX}"><img src="{LOGO_IMG}" border="0" alt="{L_INDEX}" width="570" height="94"/></a></td>
<td background="{LOGO_BG_IMG}" align="right"><a href="{U_INDEX}"><img src="{LOGO2_IMG}" border="0" alt="{L_INDEX}" width="195" height="94"/></a></td>
</tr>
</table>
LOGO_BG_IMG ist sicherlich das Hintergrundbild. Die anderen beiden die angesprochenen Logos links und rechts. Wie genau muß ich den Pfad angeben. Muß es so sein templates/style/images/grafik?
Nach oben
Benutzeravatar
nickvergessen
Ehrenadmin
Beiträge: 11559
Registriert: 09.10.2006 21:56
Wohnort: Stuttgart, Germany
Kontaktdaten:
Kontaktdaten von nickvergessen

Beitrag von nickvergessen »

SubDevil hat geschrieben:Muß es so sein templates/style/images/grafik?
jo
kein Support per PN
Nach oben
SubDevil
Mitglied
Beiträge: 32
Registriert: 02.05.2006 19:08

Beitrag von SubDevil »

Hmm,

nun wird mir schon alles auf dem Silbertablett geliefert und ich schaff es immer noch nicht. Ich habe das Logo im Header gelöscht und die Headerlinks nebeneinander gesetzt. Danach habe ich den o.g. code eingefügt. Soweit alles richtig. Mir wird die Tabelle angezeigt wie es sein soll. Jetzt möchte ich die Tabelle mit Grafiken füllen. Dazu muß ich den Code mit meinen Grafiken ergänzen. In den beiden Rahmen links und rechts klappt das aber wie mache ich das im Rahmen wo die anderen beiden Zellen drin liegen? (Hintergrund)

Hier mal die Ansicht:
http://www.werder-dachverband.de/testforum

Hier der Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td background="{LOGO_BG_IMG}" align="left"><a href="{U_INDEX}"><img src="templates/subDevils/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" width="121" height="150"/></a></td>
<td background="{LOGO_BG_IMG}" align="right"><a href="{U_INDEX}"><img src="templates/subDevils/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" width="570" height="121"/></a></td>
</tr>
</table>


</table></td>
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subGreen/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subGreen/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/subGreen/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/subGreen/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;&nbsp;<a href="./activity.php" class="mainmenu"><img src="templates/subGreen/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="games" hspace="3" />Games</a>
<!-- BEGIN switch_user_logged_out -->
&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subGreen/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
<!-- END switch_user_logged_out -->
</span></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/subGreen/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/subGreen/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="http://www.kicktipp.de/vahraonen/" class="mainmenu"target="_blank"><img src="templates/subGreen/images/icon_mini_football.gif" width="12" height="13" border="0" alt="Tipprunde" hspace="3" />Tipprunde</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subGreen/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>
</table>
Die Links sollten eigentlich Zentriert unter den Rahmen. Hinter den Grafiken soll der Rahmen ein Hintergrundbild oder eine Farbe bekommen. Die Bilder sind nur Platzhalter.
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

Entweder du definierst ein {LOGO_BG_IMG} (das geht über die subDevils.cfg) oder du ersetzt es durch einen Bildpfad (z.B. templates/subDevils/images/hintergrund.gif - das Bild musst du dann natürlich auch raufladen) deiner Wahl. Ich bin mir aber nicht ganz sicher, was du genau vorhast.
Nach oben
SubDevil
Mitglied
Beiträge: 32
Registriert: 02.05.2006 19:08

Beitrag von SubDevil »

So hab ich es im Moment in der overall_header:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td background="{LOGO_BG_IMG}" align="left"><a href="{U_INDEX}"><img src="templates/subDevils/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" width="121" height="150"/></a></td>
<td background="{LOGO_BG_IMG}" align="right"><a href="{U_INDEX}"><img src="templates/subDevils/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" width="570" height="150"/></a></td>
</tr>
</table>
Damit werden jeweils links und rechts die Grafiken angezeigt. Wie bekomme ich nun den Hintergrund im Header farbig (bzw. mit Hintergrundbild)? Wo muß ich den Pfad eintragen im Code ???
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

miccom hat geschrieben:Entweder du definierst ein {LOGO_BG_IMG} (das geht über die subDevils.cfg) oder du ersetzt es durch einen Bildpfad (z.B. templates/subDevils/images/hintergrund.gif - das Bild musst du dann natürlich auch raufladen) deiner Wahl. Ich bin mir aber nicht ganz sicher, was du genau vorhast.
Nach oben
SubDevil
Mitglied
Beiträge: 32
Registriert: 02.05.2006 19:08

Beitrag von SubDevil »

OK,

habs kapiert und es geht jetzt auch. Ganz großes Dankeschön für Deine Geduld.

Nun sind die Links unter der Grafik immer noch linksbündig. Habe schon ein "center" eingefügt und trotzdem bewegt sich da nichts nach rechts.
<td align="center">
<table cellpadding="0" cellspacing="0" border="0">
<tr>

<tr>
<td align="center"valign="top" nowrap="nowrap"><span class="mainmenu">
&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subGreen/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp;
&nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subGreen/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/subGreen/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/subGreen/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
&nbsp;<a href="./activity.php" class="mainmenu"><img src="templates/subGreen/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="games" hspace="3" />Games</a>
<!-- BEGIN switch_user_logged_out -->
&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subGreen/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
<!-- END switch_user_logged_out -->
</span></td>

<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subGreen/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/subGreen/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="http://www.kicktipp.de/vahraonen/" class="mainmenu"target="_blank"><img src="templates/subGreen/images/icon_mini_football.gif" width="12" height="13" border="0" alt="Tipprunde" hspace="3" />Tipprunde</a>&nbsp;
&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subGreen/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>

</tr>
</table>
</td>
Wo ist der Denkfehler
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

Such dir:

Code: Alles auswählen

           <table cellpadding="0" cellspacing="0" border="0"> 
              <tr> 				

				<tr> 
					<td align="center"valign="top" nowrap="nowrap"><span class="mainmenu">
						&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subGreen/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp; 
						&nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subGreen/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/subGreen/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/subGreen/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
						&nbsp;<a href="./activity.php" class="mainmenu"><img src="templates/subGreen/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="games" hspace="3" />Games</a> 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subGreen/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
						<!-- END switch_user_logged_out -->
						</span></td>
				
					<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
						&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subGreen/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/subGreen/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="http://www.kicktipp.de/vahraonen/" class="mainmenu"target="_blank"><img src="templates/subGreen/images/icon_mini_football.gif" width="12" height="13" border="0" alt="Tipprunde" hspace="3" />Tipprunde</a>&nbsp; 
						&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subGreen/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>

			</tr> 
      	</table>
und ändere die erste Zeile:

Code: Alles auswählen

           <table cellpadding="0" cellspacing="0" border="0">
In:

Code: Alles auswählen

           <table cellpadding="0" cellspacing="0" border="0" width="100%">
btw: Für das Posten von Code, solltest du den code-tag verwenden.
Nach oben
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“