Klickdown Menü für LInks in der overall_header?

tweek1303 · Beitrag von **tweek1303** » 23.02.2008 13:56

Huhu,

gibt es einen Mod mit dem ich ein Klickdownmenü machen kann,

zb. Profil und dann kommt eine kleine Auswahlliste mit Profil editieren, eigene

Nickpage, Album, Pnfach etc.

Gibts sowas?

meisterjoshi · Beitrag von **meisterjoshi** » 23.02.2008 14:21

Hallo Tweek

Meinst du sowas wie ich das habe im overall header:

http://www.quad-forum.eu/portal.html

Ich wüsste nicht, dass es dafür ein Mod gibt, ich habe es mir aus diesem Menu gebastelt:

http://www.javarea.de/index.php3?openca ... ion&id=469

war relativ einfach, ich bin kein Profi, sondern ein bastler

gruss
meisterjoshi

tweek1303 · Beitrag von **tweek1303** » 23.02.2008 14:32

Genau das meine ich! Hättest vielleicht deinen Code für mich per Pn?

meisterjoshi · Beitrag von **meisterjoshi** » 23.02.2008 14:41

tweek1303 hat geschrieben:Genau das meine ich! Hättest vielleicht deinen Code für mich per Pn?

na logo werde es dir zusammen stellen.

gruss

Max · Beitrag von **Max** » 25.02.2008 09:28

ansonsten einfach mal hier gucken: >>Klick!<<

Ist zwar in erster Linie fürs Orion abgestimmt, was aber eigentlich keine Hürde darstellt.

Einfach die Links, die zu viel sind, entfernen und beim Einbau gucken, weil ja die Suchstellen etwas anders sind.

User-Einer · Beitrag von **User-Einer** » 27.02.2008 20:45

Ich schaffe das nicht.

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>

ich möchte auch diesen Code einbauen aber ich schaffe es nicht. Der Code soll auf die Startseite.