Suche im Forum:
Suchen


Autor Nachricht
Beitrag19.01.2009 um 18:43 (UTC)    
Titel: [erledigt]Cool-Menü
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
ok der hover ist schwarz nur des normale is noch weiß

mfg
↑
Beitrag20.01.2009 um 17:28 (UTC)    
Titel:
Antworten mit Zitat
push! Very Happy
↑
Beitrag20.01.2009 um 18:55 (UTC)    
Titel:
Antworten mit Zitat

______________
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:
Antworten mit Zitat
nochma push^^
muss doch jemand geben der mir helfen kann!?

mfg
↑
Beitrag21.01.2009 um 16:36 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
push!

es muss doch jemanden geben der mir helfen kann!?

mfg
↑
Beitrag22.01.2009 um 19:08 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
oh stimmt tut mir leid!

www.habboterm.de.tl

mfg
↑
Beitrag22.01.2009 um 19:25 (UTC)    
Titel:
Antworten mit Zitat
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:   
  • Seite 1 von 2

  •  
    • Gehe zu:  


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

© 2026 webme GmbH, Deutschland. Alle Rechte vorbehalten.