Autor
Nachricht
podologie-jakoby
19.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
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
19.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
↑
podologie-jakoby
20.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
↑
podologie-jakoby
20.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
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
20.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
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
podologie-jakoby
20.01.2009 um 16:13 (UTC) Titel:
ok der hover ist schwarz nur des normale is noch weiß
mfg
↑
podologie-jakoby
20.01.2009 um 17:28 (UTC) Titel:
push!
↑
tanjaswebsite
20.01.2009 um 18:55 (UTC) Titel:
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer
↑
podologie-jakoby
21.01.2009 um 16:07 (UTC) Titel:
nochma push^^
muss doch jemand geben der mir helfen kann!?
mfg
↑
grits-extras
21.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
↑
podologie-jakoby
21.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
↑
podologie-jakoby
22.01.2009 um 17:31 (UTC) Titel:
push!
es muss doch jemanden geben der mir helfen kann!?
mfg
↑
coolplace
Wohnort: USB = United States of Bücken
22.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
↑
podologie-jakoby
↑
coolplace
Wohnort: USB = United States of Bücken
22.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?
↑