header umgestalten

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
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

in die overall_header.tpl des original playstation templates müsstest du diesen code:

Code: Alles auswählen

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" width="297" background="templates/PlayStation/images/PlayStation_topback.jpg"><a href="{U_INDEX}"><img src="templates/PlayStation/images/PlayStation_logo.jpg" width="297" height="105" ALT="Back to the index page" border="0"></a></td>
<td background="templates/PlayStation/images/PlayStation_topback.jpg"></td>
<td align="right" width="37" background="templates/PlayStation/images/PlayStation_topback.jpg"><img src="templates/PlayStation/images/PlayStation_headrite.jpg" width="213" height="105"></div></td>
</tr>
</table>
mit diesem ersetzen:
btw, hier der code für deinen header nochmal, diesmal mit einem link zum foren-index und korrekten image-pfaden:

Code: Alles auswählen

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 width="100%">
	<TR>
		<TD><a href="{U_INDEX}"><IMG SRC="templates/PlayStation/images/header_logo_01.jpg" WIDTH=512 HEIGHT=180 ALT="" border="0"></a></TD>
		<TD background="templates/PlayStation/images/header_logo_02.jpg" width="100%">&nbsp;</TD>
		<TD><a href="{U_INDEX}"><IMG SRC="templates/PlayStation/images/header_logo_03.jpg" WIDTH=435 HEIGHT=180 ALT="" border="0"></a></TD>
	</TR>
</TABLE>

btw: ich finde du hast zuviele links in dem schwarzen balken, bei kleineren auflösungen wirds zweizeilig!
Nach oben
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:
Kontaktdaten von Wegi

Beitrag von Wegi »

Danke schön... alles super.:)

Wie könnt ich das mit den vielen links denn verhindern?... bzw. die müssen ja da sein weil man sonst nicht mehr zum Casino oder den Games etc. kommt
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

du hast 3 möglichkeiten:

1. weniger links bzw. weniger breite grafiken für die links
2. du baust es von vornherein auf zweizeilig um
3. du gibst die randteile raus (die hier: [ externes Bild ]) und passt die grafiken so an, dass bei einem umbruch die beiden zeilen im hintergrund und mit den im vordergrund liegenden linkgrafiken zusammenpasst.

ich frage mich atm eh, warum die 2. zeile verschoben wirkt... die buttons und der tabellenhintergrund sind gleich hoch - komisch.
Nach oben
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:
Kontaktdaten von Wegi

Beitrag von Wegi »

danke für die info...

Möglichkeit 3 gefällt mir eigentlich... ihr habt schon gemerkt das ich keien ahnung von Styles habe... könnte also jemand so freundlich sein und es mir Schritt für schritt erklären?
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

poste mal deine overall_header.tpl als link zum text-file
Nach oben
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:
Kontaktdaten von Wegi

Beitrag von Wegi »

overall_header.txt
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

also die ecken sollten auskommentiert werden:

Code: Alles auswählen

<!--   <td align="left" valign="top" background="http://wegberger.we.funpic.de/phpBB2/templates/PlayStation/images/nav_back.gif"><img name="nav_left1" src="http://wegberger.we.funpic.de/phpBB2/templates/PlayStation/images/nav_left1.gif" width="30" height="23"  border="0" alt=""></td> -->
und

Code: Alles auswählen

 <!--  <td align="right" valign="top" colspan="2" background="http://wegberger.we.funpic.de/phpBB2/templates/PlayStation/images/nav_back.gif">
<img name="nav_rite2" src="http://wegberger.we.funpic.de/phpBB2/templates/PlayStation/images/nav_rite2.gif" width="28" height="23"  border="0" alt=""></td> -->
und dann musst du zwischen diesen beiden kommentaren ALLE zeilenumbrueche entfernen (und nicht mit etwas entfernen). dann sollte es gehen, backup nicht vergessen ;)
Nach oben
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:
Kontaktdaten von Wegi

Beitrag von Wegi »

danke :)


..steh jetzt n bissl aufm Schlauch.... wie meinst dud as mit Zeilenumbrüche entfernen aber nicht mit irgentwass? :-? :oops:
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

eigentlich kann ich dir ja posten wie ich es meine :)

aus dem:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" onmouseOver="MouseOverRoutine('register')" onmouseOut="MouseOutRoutine('register')"><img src="{NAV_REGISTER}" name="register" border="0"></a>
<!-- END switch_user_logged_out -->

<a href="{U_FAQ}" onmouseOver="MouseOverRoutine('faq')" onmouseOut="MouseOutRoutine('faq')"><img src="{NAV_FAQ}" name="faq" border="0"></a>
<a href="{U_SEARCH}" onmouseOver="MouseOverRoutine('search')" onmouseOut="MouseOutRoutine('search')"><img src="{NAV_SEARCH}" name="search" border="0"></a>
<a href="{U_MEMBERLIST}" onmouseOver="MouseOverRoutine('memberlist')" onmouseOut="MouseOutRoutine('memberlist')"><img src="{NAV_MEMBERS}" name="memberlist" border="0"></a>
<a href="{U_GROUP_CP}" onmouseOver="MouseOverRoutine('usergroups')" onmouseOut="MouseOutRoutine('usergroups')"><img src="{NAV_GROUPS}" name="usergroups" border="0"></a>
<a href="{U_PROFILE}" onmouseOver="MouseOverRoutine('profile')" onmouseOut="MouseOutRoutine('profile')"><img src="{NAV_PROFILE}" name="profile"border="0"></a>
<a href="{U_PRIVATEMSGS}" onmouseOver="MouseOverRoutine('pm')" onmouseOut="MouseOutRoutine('pm')"><img src="{PRIVMSG_IMG}" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>
<a href="{U_TEAM}" onmouseOver="MouseOverRoutine('team')" onmouseOut="MouseOutRoutine('team')"><img src="templates/PlayStation/images/icon_mini_team.gif" name="team"border="0"></a>
<a href="{U_ACTIVITY}" onmouseOver="MouseOverRoutine('activity')" onmouseOut="MouseOutRoutine('activity')"><img src="templates/PlayStation/images/icon_arcade.gif" name="activity"border="0"></a>
<a href="{U_DOWNLOADS}" onmouseOver="MouseOverRoutine('hacklist')" onmouseOut="MouseOutRoutine('hacklist')"><img src="templates/PlayStation/images/icon_mini_d.gif" name="hacklist"border="0"></a>
<a href="{U_USER_MAP}" onmouseOver="MouseOverRoutine('user_map')" onmouseOut="MouseOutRoutine('user_map')"><img src="templates/PlayStation/images/icon_mini_map.gif" name="user_map"border="0"></a>
<a href="{U_CASINO}" onmouseOver="MouseOverRoutine('casino')" onmouseOut="MouseOutRoutine('casino')"><img src="templates/PlayStation/images/mini_casino" name="casino"border="0"></a>
<a href="{U_LEXICON}" onmouseOver="MouseOverRoutine('lexicon')" onmouseOut="MouseOutRoutine('lexicon')"><img src="templates/PlayStation/images/mini_lexicon" name="lexicon"border="0"></a>


<!-- BEGIN switch_user_logged_out -->
<a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('login')" onmouseOut="MouseOutRoutine('login')"><img src="{NAV_LOGIN}" name="login" border="0"></a>
<!-- END switch_user_logged_out -->

<!-- BEGIN switch_user_logged_in -->
<a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('logout')" onmouseOut="MouseOutRoutine('logout')"><img src="{NAV_LOGOUT}" name="logout" border="0"></a>
<!-- END switch_user_logged_in -->
mach das:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" onmouseOver="MouseOverRoutine('register')" onmouseOut="MouseOutRoutine('register')"><img src="{NAV_REGISTER}" name="register" border="0"></a><!-- END switch_user_logged_out --><a href="{U_FAQ}" onmouseOver="MouseOverRoutine('faq')" onmouseOut="MouseOutRoutine('faq')"><img src="{NAV_FAQ}" name="faq" border="0"></a><a href="{U_SEARCH}" onmouseOver="MouseOverRoutine('search')" onmouseOut="MouseOutRoutine('search')"><img src="{NAV_SEARCH}" name="search" border="0"></a><a href="{U_MEMBERLIST}" onmouseOver="MouseOverRoutine('memberlist')" onmouseOut="MouseOutRoutine('memberlist')"><img src="{NAV_MEMBERS}" name="memberlist" border="0"></a><a href="{U_GROUP_CP}" onmouseOver="MouseOverRoutine('usergroups')" onmouseOut="MouseOutRoutine('usergroups')"><img src="{NAV_GROUPS}" name="usergroups" border="0"></a><a href="{U_PROFILE}" onmouseOver="MouseOverRoutine('profile')" onmouseOut="MouseOutRoutine('profile')"><img src="{NAV_PROFILE}" name="profile"border="0"></a><a href="{U_PRIVATEMSGS}" onmouseOver="MouseOverRoutine('pm')" onmouseOut="MouseOutRoutine('pm')"><img src="{PRIVMSG_IMG}" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a><a href="{U_TEAM}" onmouseOver="MouseOverRoutine('team')" onmouseOut="MouseOutRoutine('team')"><img src="templates/PlayStation/images/icon_mini_team.gif" name="team"border="0"></a><a href="{U_ACTIVITY}" onmouseOver="MouseOverRoutine('activity')" onmouseOut="MouseOutRoutine('activity')"><img src="templates/PlayStation/images/icon_arcade.gif" name="activity"border="0"></a><a href="{U_DOWNLOADS}" onmouseOver="MouseOverRoutine('hacklist')" onmouseOut="MouseOutRoutine('hacklist')"><img src="templates/PlayStation/images/icon_mini_d.gif" name="hacklist"border="0"></a><a href="{U_USER_MAP}" onmouseOver="MouseOverRoutine('user_map')" onmouseOut="MouseOutRoutine('user_map')"><img src="templates/PlayStation/images/icon_mini_map.gif" name="user_map"border="0"></a><a href="{U_CASINO}" onmouseOver="MouseOverRoutine('casino')" onmouseOut="MouseOutRoutine('casino')"><img src="templates/PlayStation/images/mini_casino" name="casino"border="0"></a><a href="{U_LEXICON}" onmouseOver="MouseOverRoutine('lexicon')" onmouseOut="MouseOutRoutine('lexicon')"><img src="templates/PlayStation/images/mini_lexicon" name="lexicon"border="0"></a><!-- BEGIN switch_user_logged_out --><a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('login')" onmouseOut="MouseOutRoutine('login')"><img src="{NAV_LOGIN}" name="login" border="0"></a><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('logout')" onmouseOut="MouseOutRoutine('logout')"><img src="{NAV_LOGOUT}" name="logout" border="0"></a><!-- END switch_user_logged_in -->
Nach oben
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:
Kontaktdaten von Wegi

Beitrag von Wegi »

Danke hat alles super geklappt :)

nur bei ner 800x6000 auflösung zieht der Balken alles in die Länge.. aber ich glaube kaum das einer noch mit so ner auflösung surft.
Nach oben
Antworten

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