Seite 1 von 1
Dynamische Buttons im Header ?!
Verfasst: 18.08.2003 18:39
von stefan23
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
Verfasst: 18.08.2003 18:42
von codemonkey
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.
Verfasst: 18.08.2003 19:12
von stefan23
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
Verfasst: 18.08.2003 19:16
von codemonkey
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.
Verfasst: 18.08.2003 19:23
von andreasOymann
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.
Verfasst: 18.08.2003 19:33
von stefan23
Hallöchen
Danke für Eure Hilfe
)
Ich finde das wirklich klasse das Ihr so schnell seid.
LG Stefan
Verfasst: 18.08.2003 20:02
von stefan23
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