[FRAGE] Eingeklapptes Forenhauptmenü in Javaskript

[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...!

[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.

[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.

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

[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)