Seite 1 von 1

[FRAGE] Eingeklapptes Forenhauptmenü in Javaskript

Verfasst: 11.09.2004 03:24
von Lucas1510
Hallo,

habe mit Ach und Krach es endlich geschafft, ein ordentliches, mehr oder weniger eigenes Template auf Basis mehrerer anderer zu erstellen.

Das Template sieht vor, daß das Menü des Forums nicht mehr oben zu sehen ist (so wie hier) sondern links neben dem Forum, der Übersichtlichkeit halber. Und genau das ist das Problem. Momentan sieht das Menü so aus:
  • MENÜ
  • Forum
  • Kalender
  • Gästebuch
  • Galerie
  • Mitgliederliste
  • Gruppen
  • Profil
  • Nickpage
  • Nickpageliste
  • Nachrichten
  • Login/Out
  • FAQ
  • Hilfe
Das ist meinen Benutzern zu unübersichtlich :-? Insbesondere die Menüpunkte Mitgliederliste bis Login/Out "überfordern" sie.

Nun würde ich das gerne so einrichten, das die oben genannten Menüpunkte standardmäßig beim Aufruf der Seite eingeklappt sind und durch ein + aufgeklappt werden können:
  • MENÜ
  • Forum
  • Kalender
  • Gästebuch
  • Galerie

    [+] Untermenü
  • FAQ
  • Hilfe
Bitte, wie mache ich das? Der momentane Quelltext für das Menü sieht folgendermaßen aus:

Code: Alles auswählen

<table width="110%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18"><img src="templates/subSalsa/images/CadreTL.jpg" width="18" height="18"></td>
<td background="templates/subSalsa/images/CadreTT.jpg" width="100%"></td>
<td width="26"><img src="templates/subSalsa/images/CadreTR.jpg" width="26" height="18"></td>
</tr>
</table>
<table width="110%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18" background="templates/subSalsa/images/CadreLL.jpg"></td>
<td background="templates/subSalsa/images/Cadrefond.jpg"><font class="content">
<b class="gensmall">MENÜ</b><br />
<img src="templates/subPortal/images/icon_mini_forums.gif">&nbsp;<a class="mainmenu" href="{U_INDEX}" title="zurück zur Homepage.">Forum</a><br />
<img src="templates/subSilver/images/icon_mini_calendar.gif">&nbsp;<a class="mainmenu" href="{U_CALENDAR}" title="{L_CALENDAR}">{L_CALENDAR}</a><br />
<img src="templates/subSilver/images/icon_mini_guestbook2.gif">&nbsp;<a class="mainmenu" href="{U_GUESTBOOK}" title="{L_GUESTBOOK}">{L_GUESTBOOK}</a><br />
<img src="templates/subSilver/images/icon_mini_album.gif">&nbsp;<a class="mainmenu" href="{U_ALBUM}" title="{L_ALBUM}">{L_ALBUM}</a><br /><br />
<img src="templates/subPortal/images/icon_mini_members.gif">&nbsp;<a class="mainmenu" href="{U_MEMBERLIST}" title="{L_MEMBERLIST}">{L_MEMBERLIST}</a><br />
<img src="templates/subPortal/images/icon_mini_groups.gif">&nbsp;<a class="mainmenu" href="{U_GROUP_CP}" title="{L_USERGROUPS}">Gruppen</a><br />
<!-- BEGIN switch_user_logged_out -->
<img src="templates/subPortal/images/icon_mini_register.gif">&nbsp;<a class="mainmenu" href="{U_REGISTER}" title="{L_REGISTER}">{L_REGISTER}</a><br />
<!-- END switch_user_logged_out -->
<img src="templates/subPortal/images/icon_mini_profile.gif">&nbsp;<a class="mainmenu" href="{U_PROFILE}" title="{L_PROFILE}">{L_PROFILE}</a><br />
<!-- BEGIN Shownickpagebutton -->
<img src="templates/nickpage/nickpage_button_small.gif">&nbsp;<a class="mainmenu" href="{Shownickpagebutton.U_NICKPAGE}" title="Nickpage">Nickpage</a><br />
<!-- END Shownickpagebutton -->
<img src="templates/nickpage/nickpage_button_small.gif">&nbsp;<a class="mainmenu" href="{U_Nickpagelist}" title="Nickpage">{L_Nickpagelist}</a><br />
<img src="templates/subPortal/images/icon_mini_message.gif">&nbsp;<a class="mainmenu" href="{U_PRIVATEMSGS}" title="{PRIVATE_MESSAGE_INFO}">Nachrichten</a><br />
<img src="templates/subPortal/images/icon_mini_login.gif">&nbsp;<a class="mainmenu" href="{U_LOGIN_LOGOUT}" title="{U_LOGIN_LOGOUT}">Login/Out</a><br /><br />
<img src="templates/subPortal/images/icon_mini_faq.gif">&nbsp;<a class="mainmenu" href="{U_FAQ}" title="FAQ">{L_FAQ}</a><br />
<img src="templates/subPortal/images/icon_mini_faq.gif">&nbsp;<a class="mainmenu" href="how2.php" title="Hilfe">Hilfe</a><br />
</font></td>
<td width="26" background="templates/subSalsa/images/CadreRR.jpg"></td>
</tr>
</table>
<table width="110%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18"><img src="templates/subSalsa/images/CadreBL.jpg" width="18" height="26"></td>
<td background="templates/subSalsa/images/CadreBB.jpg" width="100%"></td>
<td width="26"><img src="templates/subSalsa/images/CadreBR.jpg" width="26" height="26"></td>
</tr>
</table><br>
Könnt Ihr mir helfen?

[ externes Bild ]
*liebguck*

Viele Grüße,

Lucas



Juhu, mein 500. Beitrag...! :grin:

Verfasst: 12.09.2004 01:05
von Andy120
Schau mal diesen MOD an:

[2.0.x] Slide Menü für phpBB
Fügt ein aufklappbares Menü an den linken Rand des phpBB, dass mit der Seite mitscrollt.

Verfasst: 14.09.2004 14:49
von Lucas1510
Hi Andy120,

Danke für den Link, aber das ist leider nicht das, was ich suche :(

Die User des Boards (Mitglieder eines Mittelalter-Schwertkampfvereins) sind wohl Laien, was die Handhabung des Forums angeht, daher sollen die im ersten Post angegebenen Links nur auf Wunsch bzw. auf Mausklick sichtbar werden.
Ein Schwertkämpfer, der sich noch nie mit Foren auseinander gesetzt hat, hat geschrieben:Wenn ich mich einlogge, sind da so viele Funkionen...
Ist leider ein Originalzitat. Daher suche ich halt nach einer Möglichkeit, die weniger wichtigen Menüpunkte auszublenden.

Hast Du/habt Ihr noch eine Idee?

Viele Grüße,

Lucas

Verfasst: 22.09.2004 13:21
von markus.m
Na ja im Zweifelsfalle solltest du das rauswerfen oder ausblenden was nicht so ganz wichtig ist. Das Ganze wird nicht gerade Übersichtlicher wenn es mit Javascript rein und rauszappelt (meine Erfahrung) :roll: