Kopf der seite verändern

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
Benutzeravatar
danysahne333
Mitglied
Beiträge: 363
Registriert: 30.06.2004 00:25
Wohnort: Kolkwitz
Kontaktdaten:
Kontaktdaten von danysahne333

Kopf der seite verändern

Beitrag von danysahne333 »

will jetzt den kopf meines forums grafisch etwas verändern. nun will ich das das logo über die gesamte breite als hintergrund verwendet wird, so das ich die buttons über das bild stellen kann.

wie mach ich das?
Nach oben
Benutzeravatar
roum
Mitglied
Beiträge: 569
Registriert: 12.07.2004 13:23
Wohnort: Köllefornia
Kontaktdaten:
Kontaktdaten von roum

Beitrag von roum »

In der overall_header.tpl findest du den Teil in dem du das ändern kannst.

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr> 
<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></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">&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>
So hättest du das phpBB Logo als Hintergrund:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr background="templates/subSilver/images/logo_phpBB.gif"> 
<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">&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>
Sieht hier jetzt etwas unschön formatiert aus aber eigentlich musst du nur die Spalte mit dem Logo entfernen und das Logo als background in die erste Zeile der inneren Tabelle packen :wink:
Jeder Tag ist gleich lang doch unterschiedlich breit.
Nach oben
Benutzeravatar
danysahne333
Mitglied
Beiträge: 363
Registriert: 30.06.2004 00:25
Wohnort: Kolkwitz
Kontaktdaten:
Kontaktdaten von danysahne333

Beitrag von danysahne333 »

okay das leuchtet mir erstmal ein. bei weiteren fragen mdl ich mich :wink:

danke dir :D
Nach oben
Benutzeravatar
danysahne333
Mitglied
Beiträge: 363
Registriert: 30.06.2004 00:25
Wohnort: Kolkwitz
Kontaktdaten:
Kontaktdaten von danysahne333

Beitrag von danysahne333 »

kann ich auch die seitenbeschreibung und seitenname da einfach rausnehmen? so das diese dann im kopf nicht mehr angezeigt wird? (weil würde nur stören)

dany
Nach oben
Benutzeravatar
roum
Mitglied
Beiträge: 569
Registriert: 12.07.2004 13:23
Wohnort: Köllefornia
Kontaktdaten:
Kontaktdaten von roum

Beitrag von roum »

Klar, du kannst du die da einfach rausnehmen :wink:
Jeder Tag ist gleich lang doch unterschiedlich breit.
Nach oben
Benutzeravatar
danysahne333
Mitglied
Beiträge: 363
Registriert: 30.06.2004 00:25
Wohnort: Kolkwitz
Kontaktdaten:
Kontaktdaten von danysahne333

Beitrag von danysahne333 »

wenn ich das richtig sehe gibt es nur in den ersten 6 bzw 5 zeilen änderungen oder?

wenn ich das so verändere, ist das logo gar nicht mehr zu sehen :(
ist das logo jetzt quasi unter dem forum?
es soll aber darüber zu sehen sen, als hintergrund.

was muss ich ändern bzw wo liegt der fehler?

dany
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ...

wie sieht dein Code denn jetzt aus ?

Markus
Nach oben
Benutzeravatar
danysahne333
Mitglied
Beiträge: 363
Registriert: 30.06.2004 00:25
Wohnort: Kolkwitz
Kontaktdaten:
Kontaktdaten von danysahne333

Beitrag von danysahne333 »

so sieht mein code aus :

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="0" border="0"> 
<tr background="templates/subSilver/images/logo_phpBB.gif"> 
<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">&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;<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;<a href="{U_ALBUM}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_album.gif" width="12" height="13" border="0" alt="{L_ALBUM}" hspace="3" />{L_ALBUM}</a>&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; &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 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;<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;<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>

					<tr> <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="http://www.cottbustalk.de/auswahl.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="Ranginfo" hspace="3" />Games</a>&nbsp;<a href="{U_CALENDAR}" class="mainmenu"><img src="{I_CALENDAR}" width="12" height="13" border="0" alt="{L_CALENDAR}" hspace="3" />{L_CALENDAR}</a>&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>&nbsp;<a href="http://www.cottbustalk.de/ranking.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="Ranginfo" hspace="3" />Ranginfo</a>&nbsp;<a href="{U_STAFF}" class="mainmenu"><img src="templates/subSilver/images/staff.gif" width="12" height="13" border="0" alt="{L_STAFF}" hspace="3" />{L_STAFF}</a>&nbsp;</span></td>

					</tr>
					<tr> <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;	<!-- BEGIN Shownickpagebutton -->
	<img src="templates/nickpage/nickpage_button_small.gif" hspace="3"><a href="{Shownickpagebutton.U_NICKPAGE}" class="mainmenu">Meine Nickpage</a>&nbsp; &nbsp; 
	<!-- END Shownickpagebutton -->&nbsp;<a href="http://www.cottbustalk.de/nickpage_list.php" class="mainmenu"><img src="templates/nickpage/nickpage_button_small.gif" width="12" height="13" border="0" alt="Ranginfo" hspace="3" />User-Nickpages</a></span></td>

					</tr>




					<!-- Intro + Portal MOD START -->
					<!-- BEGIN switch_introportalmod_disable -->
					<tr>
					<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><b>&nbsp;<a href="{U_IntroPortalMOD1}">{L_IntroPortalMOD1}</a>&nbsp;   &nbsp;<a href="{U_IntroPortalMOD2}">{L_IntroPortalMOD2}</a>&nbsp;   &nbsp;<a href="{U_IntroPortalMOD3}">{L_IntroPortalMOD3}</a>&nbsp;</b></span></td>
					</tr>
			

					<!-- END switch_introportalmod_disable -->
					<!-- Intro + Portal MOD END -->
				</table></td>
			</tr>
		</table>
was ist zu tun?
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ...

und wenn ich das jetzt richtig verstehe soll Sitename und Site-Description raus und unter die komplette Tabelle ein Hintergrundbild ....

Ist das Hintergrundbild über dem Menü oder ist das Menü im Hintergrundbild ?

Markus
Nach oben
Benutzeravatar
danysahne333
Mitglied
Beiträge: 363
Registriert: 30.06.2004 00:25
Wohnort: Kolkwitz
Kontaktdaten:
Kontaktdaten von danysahne333

Beitrag von danysahne333 »

ich möchte gern das Sitename und Site-Description weg ist und , das logo als hintergrund in die mitte rückt. aber trotzdem natürlich über dem forum zu sehen bleibt.

weil ich die buttons wenn möglich darunter in einer reihe anordnen will.

zum fehler: das logo ist jetzt gar nicht mehr zu sehen und der gesamte weisse hintergrund (genau wie auf phpbb.de) ist grau geworden.

danke im voraus

dany
Nach oben
Antworten

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