Seite 1 von 1
Java Scroll Menü
Verfasst: 22.08.2005 13:11
von b.j.
Aloha zusammen,
ich bin auf der Suche nach einem geeigneten Scroll Menü welches ich in meinen Header einbauen kann. Hatte das schonmal versucht, nur leider überlappte das aufgeklappte Menü nicht die Zeile die darunter steht.
Schaut euch mal meinen Header an (zum besseren Verständnis)
http://www.kaefer-treff.de/forum
Ich würde gern die Menüpunkte alle in diese braune Linie integrieren, so das sie beim draufklicken ausfahren und man die jeweiligen Unterkategorien auswählen kann.
In etwa wie hier:
www.pagenstecher.de
Kann mir da jemand was empfehlen oder mir helfen ?
Schonmal danke im Vorraus
B.J.
Verfasst: 23.08.2005 13:21
von b.j.
Was los? Hat das noch keiner von Euch gemacht
Verfasst: 23.08.2005 14:45
von Speedy03
Versuch folgendes vor dem
in der overall_header.tpl einzutragen.
Code: Alles auswählen
<script language="JavaScript">
function showmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function hide(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
<base target="_self" />
Dann weiter folgendes nach:
Code: Alles auswählen
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="{U_INDEX}"><img src="templates/fisubsilversh/images/phpbb2_logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="240" height="110" /></a></td>
<td align="center" width="100%">{BANNER_0_IMG}</td><td><a href="{U_PORTAL}"><img src="templates/fisubsilversh/images/phpbb2_logor.jpg" border="0" alt="{L_HOME}" title="{L_HOME}" width="140" height="110" /></a></td>
</tr>
</table>
Dieses einfügen:
Code: Alles auswählen
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="bodyline">
<tr>
<td class="topnav" align="center">
<table width="60%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td onmouseover="showmenu('site1')" onmouseout="hide('site1')">
<a href="{U_PORTAL}" class="mainmenu">{L_HOME}</a><br />
<table class="menu" id="site1" width="160">
<tr><td class="menu"><a href="{U_FORUM}" class="menu">{L_FORUM}</a></td></tr>
<tr><td class="menu"><a href="{U_SEARCH}" class="menu">{L_SEARCH}</a></td></tr>
<tr><td class="menu"><a href="{U_RECENT}" class="menu">{L_RECENT}</a></td></tr>
<tr><td class="menu"><a href="{U_LINKS}" class="menu">{L_LINKS}</a></td></tr>
<tr><td class="menu"><a href="{U_CALENDAR}" class="menu">{L_CALENDAR}</a></td></tr>
<tr><td class="menu"><a href="{U_ACRONYMS}" class="menu">{L_ACRONYMS}</a></td></tr>
<tr><td class="menu"><a href="{U_KB}" class="menu">{L_KB}</a></td></tr>
<tr><td class="menu"><a href="{U_ACTUALSTATS}" class="menu">{L_ACTUALSTATS}</a></td></tr>
<tr><td class="menu"><a href="{U_MODS}" class="menu">{L_MODS}</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('site2')" onmouseout="hide('site2')">
<a href="#" class="mainmenu">{L_ABOUT_US}</a><br />
<table class="menu" id="site2" width="160">
<tr><td class="menu"><a href="{U_FAQ}" class="menu">{L_FAQ}</a></td></tr>
<tr><td class="menu"><a href="{U_STAFF}" class="menu">{L_STAFF}</a></td></tr>
<tr><td class="menu"><a href="{U_CONTACT}" class="menu">{L_CONTACT}</a></td></tr>
<tr><td class="menu"><a href="{U_ImpressumMOD1}" class="menu">{L_ImpressumMOD1}</a></td></tr>
<tr><td class="menu"><a href="{U_RULES}" class="menu">{L_RULES}</a></td></tr>
<tr><td class="menu"><a href="{U_SITEMAP}" class="menu">{L_SITEMAP}</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('site3')" onmouseout="hide('site3')">
<a href="{U_DOWNLOAD}" class="mainmenu">{L_DOWNLOAD}<br />
</a><table class="menu" id="site3" width="160"><tr>
<td class="menu"><a href="{U_DOWNLOAD}" class="mainmenu"></a><a href="dload.php?action=toplist&list=newest" class="menu">{L_NEWEST_DL}</a></td></tr>
<tr><td class="menu"><a href="dload.php?action=search" class="menu">{L_SEARCH}</a></td></tr>
<tr><td class="menu"><a href="dload.php?action=toplist&list=downloads" class="menu">{L_TOP_DL}</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('site4')" onmouseout="hide('site4')">
<a href="news_index.php" class="mainmenu">{L_NEWS}</a><br />
<table class="menu" id="site4" width="160">
<tr><td class="menu"><a href="{INDEX_FILE}" class="menu">{L_NEWS}</a></td></tr>
<tr><td class="menu"><a href="{INDEX_FILE}?news=categories" alt="Index" class="menu">{L_CATEGORIES}</a></td></tr>
<tr><td class="menu"><a href="{INDEX_FILE}?news=archives" alt="Index" class="menu">{L_ARCHIVES}</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('site5')" onmouseout="hide('site5')">
<a href="{U_ALBUM}" class="mainmenu">{L_ALBUM}</a><br />
<table class="menu" id="site5" width="160">
<tr><td class="menu"><a href="{U_HOTORNOT}" class="menu">{L_HOTORNOT}</a></td></tr>
</table>
</td>
<!-- BEGIN switch_user_logged_in -->
<td onmouseover="showmenu('site6')" onmouseout="hide('site6')">
<a href="#" class="mainmenu">Members</a><br />
<table class="menu" id="site6" width="160">
<tr><td class="menu"><a href="{U_PREFERENCES}" class="menu">{L_PREFERENCES}</a></td></tr>
<tr><td class="menu"><a href="{U_MEMBERLIST}" class="menu">{L_MEMBERLIST}</a></td></tr>
<tr><td class="menu"><a href="{U_ATTACHVIEW}" class="menu">{L_ATTACHVIEW}</a></td></tr>
<tr><td class="menu"><a href="{U_GROUP_CP}" class="menu">{L_USERGROUPS}</a></td></tr>
<tr><td class="menu"><a href="{U_RANKS}" class="menu">{L_RANKS}</a></td></tr>
<tr><td class="menu"><a href="{U_PROFILE}" class="menu">{L_PROFILE}</a></td></tr>
<tr><td class="menu"><a href="{U_PRIVATEMSGS}" class="menu">{PRIVATE_MESSAGE_INFO}</a></td></tr>
<tr><td class="menu"><a href="{U_CHAT}" class="menu">{L_CHAT}</a></td></tr>
<tr><td class="menu"><a href="{U_NICKPAGELIST}" class="menu">{L_NICKPAGELIST}</a></td></tr>
<tr><td class="menu"><a href="{U_STATISTICS}" class="menu">{L_STATISTICS}</a></td></tr>
<tr><td class="menu"><a href="{U_RADPLAY}" class="menu" target="_blank">{L_RADPLAY}</a></td></tr>
<tr><td class="menu"><a href="{U_BANK}" class="menu">{BANK}</a></td></tr>
<tr><td class="menu"><a href="{U_BOOKMARKS}" class="menu">{L_BOOKMARKS}</a></td></tr>
<tr><td class="menu"><a href="{U_SHOP}" class="menu">{SHOP}</a></td></tr>
<tr><td class="menu"><a href="{U_MY_TRANS}" class="menu">{L_MY_TRANS}</a></td></tr>
</table>
</td>
<!-- END switch_user_logged_in -->
Die Links und die Anzahl der Menüs kannste natürlich anpassen.
Sollte aber alles funzen. Nur bei mir im Firefox werden die Menüs leider nicht angezeigt, aber im IE vollständig.
Hoffe, das es das ist was Du gesucht hast?
