Seite 1 von 1
Klickdown Menü für LInks in der overall_header?
Verfasst: 23.02.2008 13:56
von tweek1303
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?
Verfasst: 23.02.2008 14:21
von meisterjoshi
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
Verfasst: 23.02.2008 14:32
von tweek1303
Genau das meine ich! Hättest vielleicht deinen Code für mich per Pn?
Verfasst: 23.02.2008 14:41
von meisterjoshi
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
Verfasst: 25.02.2008 09:28
von Max
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.
Verfasst: 27.02.2008 20:45
von User-Einer
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.
