Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.07.2007 um 12:01 (UTC)    
Titel: Coolmenü

Hallo, kann mir jemand ein Coolmenü machen?
Also ich blick da nicht so ganz durch...

<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;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

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



<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menupunkt2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://Menupunkt2.1.htm">Menupunkt2.1</a></li>
<li><a href="http://Menupunkt2.2.htm">Menupunkt2.2</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menupunkt3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://Menupunkt3.1.htm">Menupunkt3.1</a></li>
<li><a href="http://Menupunkt3.2.htm">Menupunkt3.2</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menupunkt4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://Menupunkt4.1.htm">Menupunkt4.1</a></li>
<li><a href="http://Menupunkt4.2.htm">Menupunkt4.2</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Menupunkt5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://Menupunkt5.1.htm">Menupunkt5.1</a></li>
<li><a href="http://Menupunkt5.2.htm">Menupunkt5.2</a></li>

</ul>
</li>

</div>

Also, das hier sind meine Buttons:

http://img.webme.com/pic/m/mf-fun-design/menuebutton2.png

Und diese Menüpunkte will ich da drin haben:

http://www.hpbk-designer.de.tl/Die-Designer.htm
http://www.hpbk-designer.de.tl/HP-gr-s%2C-mit-Designs.htm
http://www.hpbk-designer.de.tl/Designer_Foren.htm

Danke Wink

Gruss Severin
Beitrag01.07.2007 um 13:39 (UTC)    
Titel:

Haben diese Menüpunkte auch Unterpunkte? Wenn ja, dann poste sie, damit man die mit einbauen kann.
______________
LG André

GMMTS.de
Beitrag01.07.2007 um 13:57 (UTC)    
Titel:

also das sind viele externe links, soll ich die link adresse angeben oder einfach nur die überschrift?
Beitrag01.07.2007 um 14:05 (UTC)    
Titel:

Wie viel willst den da hoch setzen? Ich würde nicht allzu viel da hochsetzen.

Z. B.

Award

Award Gewinner
Award Bewerbung
Award Teilnehmer


Das Dunkelrote ist ein Menüpunkt und das Grüne sind die Unterpunkte.

Aber du siehst doch im Code folgendes:

Zitat:
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>

</ul>
</li>


Das ist Menüpunkt 1 (in unserem Fall Award)

Menüpunkt 1.1 ist Award Gewinner und Menüpunkt 1.2 ist Award Bewerbung. Du musst dann also noch eine weitere Zeile mit Menüpunkt 1.3, Menüpunkt 1.4 usw. machen, dann kannst du zum Nächsten übersteigen.
______________
LG André

GMMTS.de
Beitrag01.07.2007 um 14:06 (UTC)    
Titel:

Beitrag01.07.2007 um 14:09 (UTC)    
Titel:

stimmt, das wär jezt ziehmlich viel...
Beitrag01.07.2007 um 14:19 (UTC)    
Titel:

also sollte ich das besser lassen?
Beitrag01.07.2007 um 14:20 (UTC)    
Titel:

Du willst doch nicht im Ernst diese ganzen Link Adressen oben in die Navigation reinpflanzen? Das wäre ja viel. Ich würde eine Seite machen mit den ganzen Seiten und diese Seite dann oben reinsetzen, aber nicht so Wink
______________
LG André

GMMTS.de
Beitrag01.07.2007 um 14:21 (UTC)    
Titel:

jop, da hast du recht. also nur die hauptseiten ohne
die unterseiten.
Beitrag01.07.2007 um 14:24 (UTC)    
Titel:

Wenn du dann nur die Hauptseiten machst, würde ich das Ganze mit der ID machen und links aus der Navigation etwas rausnehmen und es nach oben setzen. Dann brauchst du nicht diesen langen Js.
______________
LG André

GMMTS.de
Beitrag01.07.2007 um 14:24 (UTC)    
Titel:

Mach es doch selber Wink

Zitat:
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>

</ul>
</li>


Das ist der Teil für jeweils ein Menü

Rot = Hauptmenüpunkt
Grün = Link zu den Menüpunkten
Blau = Beschriftung der Menüpunkte

Diesen Teil kannst Du fast beliebig erweitern oder kopieren, um Dein Menü zu erweitern Wink

Dunkelrot = Die musst Du für jedes Menü anpassen 1, 2, 3, 4, 5, .....
Beitrag01.07.2007 um 14:29 (UTC)    
Titel:

hmm, also irgendwie bekomm ich das überhaupt nicht geregelt:

was ist ein hauptmenüpunkt?
wo kommen die button links rein?
was soll ich für jedes menü anpassen?, ich hab doch nur ein menü !?!
Beitrag01.07.2007 um 14:32 (UTC)    
Titel:

Ich werde jetzt mal ein Tut dafür machen Wink
Beitrag01.07.2007 um 14:37 (UTC)    
Titel:

okay, dann kapier ich das vielleicht auch mal Very Happy
Beitrag01.07.2007 um 15:08 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de