[Geschafft] UPDATE: Menü einbauen.

User-Einer · Beitrag von **User-Einer** » 28.02.2008 01:20

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?

ups · Beitrag von **ups** » 28.02.2008 03:14

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

.

User-Einer · Beitrag von **User-Einer** » 28.02.2008 03:33

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.

ups · Beitrag von **ups** » 28.02.2008 04:09

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)

Beitrag von **redbull254** » 28.02.2008 04:29

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>

User-Einer · Beitrag von **User-Einer** » 28.02.2008 04:39

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

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

Beitrag von **redbull254** » 28.02.2008 04:45

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.

User-Einer · Beitrag von **User-Einer** » 28.02.2008 04:46

Ich wette mein Forum ist gleich kaputt...

Beitrag von **redbull254** » 28.02.2008 04:49

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.

User-Einer · Beitrag von **User-Einer** » 28.02.2008 14:48

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?

phpBB.de

[Geschafft] UPDATE: Menü einbauen.

[Geschafft] UPDATE: Menü einbauen.

Re: Menü einbauen.

Re: Menü einbauen.