phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

[erledigt] Headergrafik anpassen

https://www.phpbb.de/community/viewtopic.php?t=141774

Seite 1 von 2

[erledigt] Headergrafik anpassen

Verfasst: 31.01.2007 14:22
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.

Verfasst: 31.01.2007 14:47
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

Verfasst: 31.01.2007 16:11
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?

Verfasst: 31.01.2007 17:35
von nickvergessen
SubDevil hat geschrieben:Muß es so sein templates/style/images/grafik?
jo

Verfasst: 01.02.2007 10:08
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.

Verfasst: 01.02.2007 11:25
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.

Verfasst: 01.02.2007 11:47
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 ???

Verfasst: 01.02.2007 11:48
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.

Verfasst: 01.02.2007 15:02
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

Verfasst: 01.02.2007 15:05
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.
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de