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

Beitrag von miccom »

ich surfe damit (2x 800x1200) :D schau ich mir noch an!
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:

Beitrag von Wegi »

Hallo... ich muss mich dann doch noch mal in diesem Thema hier melden.....

Ich habe entdeckt das methode 2. doch besser wäre.... wenn mir also jemand sagen könnte wie das geht wär ich sehr dankbar.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

was wäre denn Methode 2 ?

Markus
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:

Beitrag von Wegi »

sry hatt ich vergessen :oops:
2. du baust es von vornherein auf zweizeilig um
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:

Beitrag von Wegi »

miccom hat geschrieben: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.
weiß keiner wie Möglichkeit Nr. 2 geht?
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

doch :D
welche links sollen oben und welche unten sein?
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:

Beitrag von Wegi »

Ho,

danke schön...
ist eigentlich egal... Hauptsache man kann unten noch welche hinzufügen....

hier mal der overall_header
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

hmm, irgendwie stimmt was in deiner vorlage nicht:

Code: Alles auswählen

  </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_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>
sollte imho so aussehen:

Code: Alles auswählen

<!-- 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_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 -->
das </tr> und </table> werden nirgends geöffnet.




und aus dem:

Code: Alles auswählen

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td align="left" valign="top" background="templates/PlayStation/images/nav_back.gif"><img name="nav_left1" src="templates/PlayStation/images/nav_left1.gif" width="30" height="23" border="0" alt=""></td>
   <td align="center" valign="top" background="templates/PlayStation/images/nav_back.gif">

<!-- 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>
<a href="{U_SHOP}" onmouseOver="MouseOverRoutine('shop')" onmouseOut="MouseOutRoutine('shop')"><img src="templates/PlayStation/images/mini_shop" name="shop"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 -->
</td>

   <td align="right" valign="top" colspan="2" background="templates/PlayStation/images/nav_back.gif">
<img name="nav_rite2" src="templates/PlayStation/images/nav_rite2.gif" width="28" height="23" border="0" alt=""></td>
  </tr>
</table>

mach das:

Code: Alles auswählen

<!-- start erste zeile nav -->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td align="left" valign="top" background="templates/PlayStation/images/nav_back.gif"><img name="nav_left1" src="templates/PlayStation/images/nav_left1.gif" width="30" height="23" border="0" alt=""></td>
   <td align="center" valign="top" background="templates/PlayStation/images/nav_back.gif">

<!-- 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>
	</td>
  </tr>
</table>
<!-- ende erste zeile nav -->

<!-- start zweite zeile nav -->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td align="left" valign="top" background="templates/PlayStation/images/nav_back.gif"><img name="nav_left1" src="templates/PlayStation/images/nav_left1.gif" width="30" height="23" border="0" alt=""></td>
   <td align="center" valign="top" background="templates/PlayStation/images/nav_back.gif">

<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>
<a href="{U_SHOP}" onmouseOver="MouseOverRoutine('shop')" onmouseOut="MouseOutRoutine('shop')"><img src="templates/PlayStation/images/mini_shop" name="shop"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 -->
</td>

   <td align="right" valign="top" colspan="2" background="templates/PlayStation/images/nav_back.gif">
<img name="nav_rite2" src="templates/PlayStation/images/nav_rite2.gif" width="28" height="23" border="0" alt="">
	</td>
  </tr>
</table>
<!-- ende zweite zeile nav -->
Benutzeravatar
Wegi
Mitglied
Beiträge: 393
Registriert: 06.11.2005 17:13
Wohnort: Wegberg
Kontaktdaten:

Beitrag von Wegi »

Danke schön funktioniert alles Super :grin:
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

in der ersten zeile fehlt imho das rechte ende.
Antworten

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