Dynamische Buttons im Header ?!

stefan23 · Beitrag von **stefan23** » 18.08.2003 18:39

Hallöchen zusammen,

Ich benutze das phpBB2.0.6 Board, mit dem fineappel Template, nun habe ich das Problem das ich mehr Buttons oben im Header habe wie eigendglich vorher geplant, und somit für User mit einem 800 px mal 600 px Monitor jetzt auch seitlich scrollen müssen. Jetzt nöchte ich gerne das die Buttons sich der Fenstergröße anpassen, ist das überhaupt möglich ?
Das ich das im overall_header.tpl ändere ?

LG Stefan

Hier mal der Link zu meinem Board :
http://www.die-reptilien-community.de

Beitrag von **codemonkey** » 18.08.2003 18:42

Nein das ist so ohne weiteres nicht möglich.
Du kannst die Buttons in eine Tabelle packen. Diese Tabelle würde sich dann der Fensterbreite anpassen, was den Effekt hätte, dass die Buttons in 2 Reihen zu sehen sind.

stefan23 · Beitrag von **stefan23** » 18.08.2003 19:12

hallöchen ,

naja dann muß ich das wohl so machen

Ich hoffe das ich das hinbekomme mit den Codes , da ich sonst immer nur mit Programmen arbeite die Codes fertig erstellen, aber nur mit html ist das mit PHP genauso ?

LG Stefan

Beitrag von **codemonkey** » 18.08.2003 19:16

Nun das ist ganz einfach. Nimm einem Folgenden Code dafür

<table border="0" cellspacing="0" cellpadding="0" width="Die Breite, wie sie auch in den anderen Tabellen ist">
<tr>
<td>
Hier der Code deiner Buttons
</td>
</tr>
</table>

Und nein, es gibt nicht solche WYSIWYG Editoren für PHP Skripte.

Beitrag von **andreasOymann** » 18.08.2003 19:23

Irgendwann hat hier mal jemand beschrieben, wie mat mit javascript die Bildschirmauflösung des Benutzers feststellt. Danach kann man dann die Buttonleiste gestalten.
Einfach mal suchen ...

A.

stefan23 · Beitrag von **stefan23** » 18.08.2003 19:33

Hallöchen

Danke für Eure Hilfe

)

Ich finde das wirklich klasse das Ihr so schnell seid.

LG Stefan

stefan23 · Beitrag von **stefan23** » 18.08.2003 20:02

Hallöchen nochmal

Ich hoffe nicht das ich Euch damit nerve

Ich habe gerade den Code eingefügt. er gewünschte effekt den ich haben wollte wird aber dadurch leider nicht erreicht.

Die Buttons sind zwar dann alle im Header weiter auseinander wenn ich das Bild maximiere, aber sobald ich diese kleiner mache passiert das gleiche wie vorher , die Buttons werden nicht in zwei reihen angezeigt .

Ich habe mal den Code mit eingefügt der bei mir jetzt nachdem ich den Code eingefügt habe mit angehängt

Ich hoffe Ihr könnt damit was anfangen, ein wenig erkenne ich ja daraus aber mehr auch nicht

da ich mit Codes nicht so bewand bin.

Code: Alles auswählen

<body><a name="top" id="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><table border="0" cellpadding="0" cellspacing="0">
<tr> 
// --> tabelle für Links 
<table border="0" cellspacing="0" cellpadding="0" width="100%"> 
<tr> 
<td> 
<td><a href="{U_INDEX}"><img src="images/spacer.gif" width="10" height="26" border="0" alt="" /></a></td>
<td><a href="http://www.reptilseite.de/phpBB2/portal.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_portal.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/phpbb2/portal.phpL_PORTAL" title="Portal" /></a></td>
<td><a href="{U_INDEX}"><img src="templates/fiapplegreen/images/{LANG}top_bar_index.gif" width="80" height="26" border="0" alt="{L_INDEX}" title="{L_INDEX}" /></a></td>
<td><a href="{U_FAQ}"><img src="templates/fiapplegreen/images/{LANG}top_bar_faq.gif" width="80" height="26" border="0" alt="{L_FAQ}" title="{L_FAQ}" /></a></td>
<td><a href="{U_MEMBERLIST}"><img src="templates/fiapplegreen/images/{LANG}top_bar_memberlist.gif" width="80" height="26" border="0" alt="{L_MEMBERLIST}" title="{L_MEMBERLIST}" /></a></td>
<td><a href="{U_SEARCH}"><img src="templates/fiapplegreen/images/{LANG}top_bar_search.gif" width="80" height="26" border="0" alt="{L_SEARCH}" title="{L_SEARCH}" /></a></td>
<td><a href="{U_GROUP_CP}"><img src="templates/fiapplegreen/images/{LANG}top_bar_usergroups.gif" width="80" height="26" border="0" alt="{L_USERGROUPS}" title="{L_USERGROUPS}" /></a></td>
<td><a href="{U_PROFILE}"><img src="templates/fiapplegreen/images/{LANG}top_bar_profile.gif" width="80" height="26" border="0" alt="{L_PROFILE}" title="{L_PROFILE}" /></a></td>
<td><a href="{U_PRIVATEMSGS}"><img src="templates/fiapplegreen/images/{LANG}top_bar_inbox.gif" width="80" height="26" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" /></a></td>
<td><a href="http://www.reptilseite.de/forum/forumchat.html"target="_blank"><img src="templates/fiapplegreen/images/{LANG}top_bar_chat.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/forum/forumchat.html" title="Reptilienchat" /></a></td>
<td><a href="http://www.dght.de/amphrep/tiergesundheit/tieraerzte.htm"target="_blank"><img src="templates/fiapplegreen/images/{LANG}top_bar_tiere.gif" width="80" height="26" border="0" alt="http://www.dght.de/amphrep/tiergesundheit/tieraerzte.htm" title="Tierärzteliste DGHT" /></a></td>
<!-- BEGIN switch_user_logged_in -->
<td><a href="{U_LOGIN_LOGOUT}"><img src="templates/fiapplegreen/images/{LANG}top_bar_logout.gif" width="80" height="26" border="0" alt="{L_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" /></a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<td><a href="{U_LOGIN_LOGOUT}"><img src="templates/fiapplegreen/images/{LANG}top_bar_login.gif" width="80" height="26" border="0" alt="{L_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" /></a></td>
<td><a href="{U_REGISTER}"><img src="templates/fiapplegreen/images/{LANG}top_bar_register.gif" width="80" height="26" border="0" alt="{L_REGISTER}" title="{L_REGISTER}" /></a></td>
<!-- END switch_user_logged_out -->
</td> 
</tr> 
</table> // --> Tabelle Codes ende
</tr>
</table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="ttb">
<tr> 
<td><img src="templates/fiapplegreen/images/tt12_l.gif" width="10" height="12" alt="" /></td>
<td class="tt12bkg"><img src="images/spacer.gif" width="200" height="12" alt="" /></td>
<td><img src="templates/fiapplegreen/images/tt12_r.gif" width="10" height="12" alt="" /></td>
</tr>
</table>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="10" border="0"> 
<tr> 
<td><table border="0" cellpadding="0" cellspacing="0" class="scrn">
<tr> 
<td><img src="templates/fiapplegreen/images/scrn_tl.gif" alt="" width="14" height="14" /></td>
<td width="100%" class="scrntbkg"><img src="images/spacer.gif" alt="" width="10" height="14" /></td>
<td><img src="templates/fiapplegreen/images/scrn_tr.gif" alt="" width="14" height="14" /></td>
</tr>
<tr> 
<td class="scrnlbkg"><img src="images/spacer.gif" alt="" width="14" height="60" /></td>
<td class="scrnm"><span class="maintitle">{SITENAME}</span><br />
{SITE_DESCRIPTION}</td>
<td class="scrnrbkg"><img src="images/spacer.gif" alt="" width="14" height="60" /></td>
</tr>
<tr> 
<td><img src="templates/fiapplegreen/images/scrn_bl.gif" alt="" width="14" height="14" /></td>
<td width="100%" class="scrnbbkg"><img src="images/spacer.gif" alt="" width="10" height="14" /></td>
<td><img src="templates/fiapplegreen/images/scrn_br.gif" alt="" width="14" height="14" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spacer.gif" width="200" height="8" alt="" /></td>
</tr>
</table></table>

Ich habe die Tabelle mit dem Buttons gekennzeichnte mit

// --> tabelle für Links

//-- >Tabelle Codes ende

Ich hoffe das Ihr daraus schlau werdet was ich nun falsch gemacht habe .

LG Stefan

Danke im Vorraus