Suche im Forum:
Suchen


Autor Nachricht
Beitrag19.01.2009 um 18:43 (UTC)    
Titel: [erledigt]Cool-Menü

hi,
also ich hab ein coolmenü. Zum ersten; ich möchte es positionieren. Zum zweiten; ich möchte die Farbe vom Button ändern(am besten mein eigenes Bild einfügen).

Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}

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

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
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>

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.habboterm.de.tl/HabboTerm-Start.htm" target="_self">Home</a></li>
<li><a href="http://www.habboterm.de.tl/News.htm" target="_self">News</a></li>
<li><a href="http://www.habboterm.de.tl/Habbo-Hotel.htm" target="_self">Habbo Hotel</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">News</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.habboterm.de.tl/HabboTerm-Start.htm" target="_self">Home</a></li>
<li><a href="http://www.habboterm.de.tl/News.htm" target="_self">News</a></li>
<li><a href="http://www.habboterm.de.tl/Habbo-Hotel.htm" target="_self">Habbo Hotel</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Habbo Hotel</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.habboterm.de.tl/HabboTerm-Start.htm" target="_self">Home</a></li>
<li><a href="http://www.habboterm.de.tl/News.htm" target="_self">News</a></li>
<li><a href="http://www.habboterm.de.tl/Habbo-Hotel.htm" target="_self">Habbo Hotel</a></li>
</ul>
</li>
</ul>
</div>


kann mir da jemand helfen?

mfg


Zuletzt bearbeitet von podologie-jakoby am 23.01.2009, 16:52, insgesamt einmal bearbeitet
Beitrag19.01.2009 um 18:55 (UTC)    
Titel:

Ich habe dir mal in rot die stellen makiert,
wo du das Menü positioniert und in blau die Stellen makiert,
wo du das Aussehen der Buttons ändern kannst:
Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}

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

.menu a
{
border: 1px solid #000000;
background-color:#000C32;
background-image:url(Bild URL);

padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
border: 1px solid #000000;
background-color:#000C32;
background-image:url(Bild URL);

}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
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>

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.habboterm.de.tl/HabboTerm-Start.htm" target="_self">Home</a></li>
<li><a href="http://www.habboterm.de.tl/News.htm" target="_self">News</a></li>
<li><a href="http://www.habboterm.de.tl/Habbo-Hotel.htm" target="_self">Habbo Hotel</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">News</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.habboterm.de.tl/HabboTerm-Start.htm" target="_self">Home</a></li>
<li><a href="http://www.habboterm.de.tl/News.htm" target="_self">News</a></li>
<li><a href="http://www.habboterm.de.tl/Habbo-Hotel.htm" target="_self">Habbo Hotel</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Habbo Hotel</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.habboterm.de.tl/HabboTerm-Start.htm" target="_self">Home</a></li>
<li><a href="http://www.habboterm.de.tl/News.htm" target="_self">News</a></li>
<li><a href="http://www.habboterm.de.tl/Habbo-Hotel.htm" target="_self">Habbo Hotel</a></li>
</ul>
</li>
</ul>
</div>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 20.01.2009, 16:59, insgesamt 2-mal bearbeitet
Beitrag20.01.2009 um 15:46 (UTC)    
Titel:

danke hat geklapt. Nur möchte ich noch den Rand des Coolmenüs ändern. der is jetzt nämlich weiß und ich möchte ihn gerne schwarz haben!

mfg
Beitrag20.01.2009 um 15:57 (UTC)    
Titel:

den Code hab ich von more-fun-at bekommen!
kann mir jemand sagen wie ich die Ramen-Farbe ändere?

mfg
Beitrag20.01.2009 um 15:59 (UTC)    
Titel:

Ich habe es dir oben nochmal in meinem geposteten Code geändert...
Jetzt sollte der Rand schwarz sein Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag20.01.2009 um 16:13 (UTC)    
Titel:

ok der hover ist schwarz nur des normale is noch weiß

mfg
Beitrag20.01.2009 um 17:28 (UTC)    
Titel:

push! Very Happy
Beitrag20.01.2009 um 18:55 (UTC)    
Titel:


______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag21.01.2009 um 16:07 (UTC)    
Titel:

nochma push^^
muss doch jemand geben der mir helfen kann!?

mfg
Beitrag21.01.2009 um 16:36 (UTC)    
Titel:

hallo ,

bielefelder hats doch schon geändert für dich ....du musst ja auch ein bild einfügen...(bild-url) ....sonst wirds ja auch so bleiben ....dafür muss man nicht pushen
______________
MfG Grit




www.kamera-auge.de
Beitrag21.01.2009 um 16:44 (UTC)    
Titel:

ja ich hab ja bilder eingefügt! aber ich will den weißen rand drum rum schwarz haben. im code wurde das auch schon geändert, nur wird das nicht übernommen!?

mfg
Beitrag22.01.2009 um 17:31 (UTC)    
Titel:

push!

es muss doch jemanden geben der mir helfen kann!?

mfg
Beitrag22.01.2009 um 19:08 (UTC)    
Titel:

Vielleicht postest Du mal einen Link zu der Seite, wo Du das eingebaut hast und hörst endlich mit dem Pushen auf.
Hier scheint es ja nicht zu sein:

http://podologie-jakoby.de.tl/


Zuletzt bearbeitet von coolplace am 22.01.2009, 20:23, insgesamt einmal bearbeitet
Beitrag22.01.2009 um 19:18 (UTC)    
Titel:

oh stimmt tut mir leid!

www.habboterm.de.tl

mfg
Beitrag22.01.2009 um 19:25 (UTC)    
Titel:

So wie ich das sehe, benötigst Du keine Hilfe.
Die Ränder der Bilder sind doch schwarz oder habe ich was falsch verstanden?
Beiträge der letzten Zeit anzeigen:   


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