Java Scroll Menü

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
b.j.
Mitglied
Beiträge: 161
Registriert: 19.08.2004 16:31
Wohnort: bÄrlin
Kontaktdaten:

Java Scroll Menü

Beitrag 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.
b.j.
Mitglied
Beiträge: 161
Registriert: 19.08.2004 16:31
Wohnort: bÄrlin
Kontaktdaten:

Beitrag von b.j. »

Was los? Hat das noch keiner von Euch gemacht :o :cry:
Benutzeravatar
Speedy03
Mitglied
Beiträge: 90
Registriert: 20.09.2004 19:23
Wohnort: Hannover - Linden

Beitrag von Speedy03 »

Versuch folgendes vor dem

Code: Alles auswählen

<body>
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? :wink:
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“