Autor
Nachricht
nico1970
03.04.2009 um 12:06 (UTC) Titel: [erledigt]Brauche Hilfe für Coolmenü
Hallo,ich habe mir jetzt ein neues Design gecodet und ein Coolmenü oben unter den Header gesetzt.Jetzt kann man es aber fast nicht sehen.Kann mir einer sagen,wie ich es weißen Hintergrund und schwarze Schrift kriege ? Hier mein Code:
Zitat: <div align=center><style type="text/css" media="screen">
<!--
body
{
font-family: Arial, 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: 0px;padding-top: 10px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-405px;
width:905px;
}
.menu li
{
width: 161px;
float: left;
}.menu a
{
border: 0px solid #;FFFFFF;
background-color: #FF0000
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: ff0000;
margin: 0px;
display: block;
height: 23px;
}
.menu a:hover
{
background-image: url(URL);
background-color: #000000;
}#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
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');">Allgemeines</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.nico1970.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.nico1970.de.tl/Super-Mario-Spiele.htm">SM Spiele</a></li>
<li><a href="http://www.nico1970.de.tl/Mehr.htm">Mehr Infos</a></li>
<li><a href="http://www.nico1970.de.tl/Auszeichnungen.htm">Auszeichnungen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Extras</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.nico1970.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.graphicguestbook.com/nico1970-malgastebuc">Grafik Gästebuch</a></li>
<li><a href="http://www.nico1970.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://www.nico1970.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://www.nico1970.de.tl/Registrierung">Anmelden</a></li>
<li><a href="http://www.nico1970.de.tl/News.htm">News</a></li>
<li><a href="http://www.nico1970.de.tl/Newsletter.htm">Newsletter</a></li>
<li><a href"http://www.nico1970.de.tl/Linkliste.htm">Linkliste</a></li>
<li><a href="http://www.nico1970.de.tl/Javascript-Spiele.htm>Javascriptspiele</a></li>
<li><a href="http://www.nico1970.de.tl/Galerie/index.htm">Galerie</a></li>
<li><a href="http://www.nico1970.de.tl/Impressum.htm">Impressum</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Memberbereich</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.nico1970.de.tl/Fun.htm">Fun</a></li>
<li><a href="http://www.nico1970.de.tl/Downloads">Downloadcenter</a></li>
<li><a href="http://www.nico1970.de.tl/Umfragen.htm/">Umfragen</a></li>
<li><a href="http://www.nico1970.de.tl/Spiele.htm">Flash-Spiele</a></li>
<li><a href="http://www.nico1970.de.tl/Simpsons-Spiele.htm">Simpsons Folgen</a></li>
</ul>
</li>
</div>
</div>
Zuletzt bearbeitet von nico1970 am 03.04.2009, 14:05, insgesamt einmal bearbeitet
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
03.04.2009 um 12:11 (UTC) Titel:
So sollte es jetzt eig. geändert sein
Zitat: <div align=center><style type="text/css" media="screen">
<!--
body
{
font-family: Arial, 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: 0px;padding-top: 10px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-405px;
width:905px;
}
.menu li
{
width: 161px;
float: left;
}.menu a
{
border: 0px solid #;FFFFFF;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
.menu a:hover
{
background-image: url(URL);
background-color: #FF0000;
color: #000000;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
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: #000000;
}
//-->
</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');">Allgemeines</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.nico1970.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.nico1970.de.tl/Super-Mario-Spiele.htm">SM Spiele</a></li>
<li><a href="http://www.nico1970.de.tl/Mehr.htm">Mehr Infos</a></li>
<li><a href="http://www.nico1970.de.tl/Auszeichnungen.htm">Auszeichnungen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Extras</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.nico1970.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.graphicguestbook.com/nico1970-malgastebuc">Grafik Gästebuch</a></li>
<li><a href="http://www.nico1970.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://www.nico1970.de.tl/Chat.htm">Chat</a></li>
<li><a href="http://www.nico1970.de.tl/Registrierung">Anmelden</a></li>
<li><a href="http://www.nico1970.de.tl/News.htm">News</a></li>
<li><a href="http://www.nico1970.de.tl/Newsletter.htm">Newsletter</a></li>
<li><a href"http://www.nico1970.de.tl/Linkliste.htm">Linkliste</a></li>
<li><a href="http://www.nico1970.de.tl/Javascript-Spiele.htm>Javascriptspiele</a></li>
<li><a href="http://www.nico1970.de.tl/Galerie/index.htm">Galerie</a></li>
<li><a href="http://www.nico1970.de.tl/Impressum.htm">Impressum</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Memberbereich</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.nico1970.de.tl/Fun.htm">Fun</a></li>
<li><a href="http://www.nico1970.de.tl/Downloads">Downloadcenter</a></li>
<li><a href="http://www.nico1970.de.tl/Umfragen.htm/">Umfragen</a></li>
<li><a href="http://www.nico1970.de.tl/Spiele.htm">Flash-Spiele</a></li>
<li><a href="http://www.nico1970.de.tl/Simpsons-Spiele.htm">Simpsons Folgen</a></li>
</ul>
</li>
</div>
</div>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 03.04.2009, 13:53, insgesamt 2-mal bearbeitet
↑
nico1970
03.04.2009 um 12:16 (UTC) Titel:
↑
nico1970
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
03.04.2009 um 12:22 (UTC) Titel:
Hab den Code oben nochmal editiert,
denn ich hatte eine Farbeinstellung vergessen zu ändern...
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 03.04.2009, 13:28, insgesamt einmal bearbeitet
↑
nico1970
↑
habbo-fanklub
03.04.2009 um 13:02 (UTC) Titel:
Code: {
border: 0px solid #;FFFFFF;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
.menu a:hover
{
background-image: url(URL); <---- Ich glaube da Url eingeben.
background-color: #FF0000;
color: #000000;
}
↑
nico1970
03.04.2009 um 13:05 (UTC) Titel:
↑