Seite 1 von 2
[Geschafft] UPDATE: Menü einbauen.
Verfasst: 28.02.2008 01:20
von User-Einer
Hallo Zusammen.
Ich möchte so gerne ein Menü in meim Forum bauen. Ich dachte zwischen header und aktuelle uhrzeit. Ich habe schon ein Script womit ich aber nicht zurecht kommen.
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Horizontal</title>
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu
{
position: absolute;
z-index: 3;
top: 10px;
}
.menu li
{
width: 140px;
float: left;
}
.menu a
{
border: 1px solid #888;
background-color: #fff;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}
.menu a:hover
{
background-color: #ccc;
}
#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
</head>
<body>
<div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="">Subkategorie 1.1</a></li>
<li><a href="">Subkategorie 1.2</a></li>
<li><a href="">Subkategorie 1.3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="">Subkategorie 2.1</a></li>
<li><a href="">Subkategorie 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="">Subkategorie 3.1</a></li>
<li><a href="">Subkategorie 3.2</a></li>
<li><a href="">Subkategorie 3.3</a></li>
<li><a href="">Subkategorie 3.4</a></li>
<li><a href="">Subkategorie 3.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Subkategorie 4.1</a></li>
<li><a href="">Subkategorie 4.2</a></li>
<li><a href="">Subkategorie 4.3</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Irgendetwas mache ich bestimmt falsch... nur was?
Re: Menü einbauen.
Verfasst: 28.02.2008 03:14
von ups
User-Einer hat geschrieben:Hallo Zusammen.
Irgendetwas mache ich bestimmt falsch... nur was?
woher ist der code?
was macht der code?
ist er für phpbb3 geschrieben?
ohne genaue angaben wer, wie, wo, was kanns ja nicht klappen..
PS: bei langen code bitte sie hosten und link zum text hier verlinken...
.
Verfasst: 28.02.2008 03:33
von User-Einer
Diesen Code habe ich hier im Forum gefunden.
Der macht ein Menü oben. Füge den Code wenn Du kannst mal bei Frontpage oder so ein, dan kannst du das gut sehen was der macht.
Ich suche halt ein Menü... ich probiere und bastel seit wochen aber nichts geht irgendwie.
Verfasst: 28.02.2008 04:09
von ups
frontpage ist out, etliche server lassen die code anweisungen von frontpage nicht zu
versuchs mal mit dreamweaver oder nen editor (notepad++, gibts bei google zu finden)
Re: Menü einbauen.
Verfasst: 28.02.2008 04:29
von redbull254
ups hat geschrieben:User-Einer hat geschrieben:Hallo Zusammen.
Irgendetwas mache ich bestimmt falsch... nur was?
woher ist der code?
was macht der code?
ist er für phpbb3 geschrieben?
ohne genaue angaben wer, wie, wo, was kanns ja nicht klappen..
PS: bei langen code bitte sie hosten und link zum text hier verlinken...
.
@ups
Pack den Code einfach mal in eine leere html Seite rein und rufe sie auch, dann siehst Du den Sinn.
@User-einer
lagere die css Anweisungen in eine css Datei aus und binde nur die Container in die overall_header ein.
Code: Alles auswählen
<div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<<<<<<<<Wegen der Größe gekürzt>>>>>>>>>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Subkategorie 4.1</a></li>
<li><a href="">Subkategorie 4.2</a></li>
<li><a href="">Subkategorie 4.3</a></li>
</ul>
</li>
</ul>
</div>
Verfasst: 28.02.2008 04:39
von User-Einer
Hallo Redbull.
Ich verstehe was du meinst aber ich weiss nicht wie es geht.
Du meinst ich soll den Code einfach in eine neue datei packen und dan ein befehl geben wo die datei zu finden ist.
wie das hier zB
<!-- INCLUDE forumlist_body.html -->
Aber wo packe ich den script genau rein? und wie soll die datei heissen? welches format? gehör tin die datei noch etwas anderes? fragen über fragen.
Edit: das ist mein ziel
http://www.quad-forum.eu/portal.html
Verfasst: 28.02.2008 04:45
von redbull254
Morgen (ne, heute Mittag) gerne weiter, jetzt bin ich zu müde. Habe einfach schon zuviel getippt heute.
Ist aber nicht wirklich so schwer, wie es im Augenblick erscheint.
Jetzt gehe ich ins Bett.
Verfasst: 28.02.2008 04:46
von User-Einer
Ich wette mein Forum ist gleich kaputt...
Verfasst: 28.02.2008 04:49
von redbull254
Tipp:
Mach auch Schluss, ist immer noch Zeit dafür.
* Und weg jetzt*
Edit:
Ich habe das jetzt einmal eingebaut und funktioniert Fehlerfrei.
Ein großer Nachteil ist aber, das es nur funktioniert, wenn Java und Java Script aktiviert ist. Das sollte vorher klar sein.
Verfasst: 28.02.2008 14:48
von User-Einer
Ich kriege einfach garnichts hin.
Habe mal selber ein wenig rum gebastelt und dabei kam das raus.
Code: Alles auswählen
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><div id="tabs">
<ul>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' or basename($_SERVER['SCRIPT_NAME']) == 'viewforum.php' or basename($_SERVER['SCRIPT_NAME']) == 'viewtopic.php' --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
<!-- IF S_DISPLAY_SEARCH --><li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php' --> class="activetab"<!-- ENDIF -->><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a></li><!-- ENDIF -->
<!-- IF S_DISPLAY_MEMBERLIST --><li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'memberlist.php' --> class="activetab"<!-- ENDIF -->><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'faq.php' --> class="activetab"<!-- ENDIF -->><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
</ul>
</div><!-- ENDIF -->
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
Dein Test
<span class="corners-bottom"><span></span></span></div>
</div>
Problem ist das ich die Farbe nicht ändern kann. und ich weiss nicht wie ich eigene links einbauen kann.
Code: Alles auswählen
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' or basename($_SERVER['SCRIPT_NAME']) == 'viewforum.php' or basename($_SERVER['SCRIPT_NAME']) == 'viewtopic.php' --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
Das ist so ein Links. Wie ändern wenn ich zB Google "ansteuern" möchte?