Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.01.2009 um 17:05 (UTC)    
Titel: [erledigt] Coolmenü kleine Macke

Hi
ich habe ein Coolmenü nach der Coolplace anleitung hier im Forum gemacht. Leider sind jetzt die beiden hinteren Register immer offen uns auserdem sind sie in Rot geschrieben. Will aber in weiß.
Der Code:
Zitat:
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 20px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 270px;
left: 50%;
margin-left:-405px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: ;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #b30000;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #;
background-image: url(URL);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

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

<!-- Ende des Scriptes -->

<div class="menu">

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

<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

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

-->

<li><a href="http://the-habbowood.de.tl/home.htm">Home</a></li>
<li><a href="http://the-habbowood.de.tl/Disclaimer.htm">Disclaimer</a></li>
<li><a href="http://the-habbowood.de.tl/impressum.htm">Impressum</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Filme</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://the-habbowood.de.tl/Filme.htm">Filmnews</a></li>
<li><a href="http://the-habbowood.de.tl/Filmliste.htm">Filmeliste</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu16');" onmouseout="cache('smenu16');">News</a>
<ul id="smenu16" onmouseover="montre('smenu16');" onmouseout="cache('smenu16');">
<li><a href="http://the-habbowood.de.tl/News.htm">Neues</a></li>
<li><a href="http://the-habbowood.de.tl/Mitarbeiter-News.htm">Mitarbeiternews</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu64');" onmouseout="cache('smenu64');">Community</a>
<ul id="smenu64" onmouseover="montre('smenu64');" onmouseout="cache('smenu64');">
<li><a href="http://the-habbowood.de.tl/Mitarbeiter.htm">Usere Mitarbeiter</a></li>
<li><a href="http://the-habbowood.de.tl/Bewerben.htm">Jobcenter</a></li>
<li><a href="http://the-habbowood.de.tl/Teamspeak.htm">Teamspeak</a></li>
<li><a href="http://the-habbowood.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://the-habbowood.de.tl/Partner.htm">Partner</a></li>

</ul>
</li>


<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)

<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>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

</ul>
</li>

-->

</div>


WER SICH NICHT VORSTELLEN KANN WAS ICH MEINE:
http://the-habbowood.de.tl/Home.htm


Zuletzt bearbeitet von the-habbowood am 13.01.2009, 18:22, insgesamt einmal bearbeitet
Beitrag13.01.2009 um 17:08 (UTC)    
Titel:

also ich sehe im FF alles richtig, nur das mit der Schriftfarbe stimmt,
Wenn das Menü ausklappt dann ist Die Schrift
bei den 1. und 2. Weiß, und beim 3 + 4 rot.
______________

Noch Partner gesucht, bitte über PN melden
"Wennst den Baum siehst, in den Du reinfährst, hast Untersteuern. Wennst ihn nur hörst, hast Übersteuern."

Beitrag13.01.2009 um 17:09 (UTC)    
Titel:

eben und genau das hätte ich gerne anders
Beitrag13.01.2009 um 17:19 (UTC)    
Titel:

Versuch mal diesen Code:
Zitat:
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 20px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 270px;
left: 50%;
margin-left:-405px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: ;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #b30000;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #;
background-image: url(URL);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

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

<!-- Ende des Scriptes -->

<div class="menu">

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

<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

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

-->

<li><a href="http://the-habbowood.de.tl/home.htm">Home</a></li>
<li><a href="http://the-habbowood.de.tl/Disclaimer.htm">Disclaimer</a></li>
<li><a href="http://the-habbowood.de.tl/impressum.htm">Impressum</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Filme</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://the-habbowood.de.tl/Filme.htm">Filmnews</a></li>
<li><a href="http://the-habbowood.de.tl/Filmliste.htm">Filmeliste</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">News</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://the-habbowood.de.tl/News.htm">Neues</a></li>
<li><a href="http://the-habbowood.de.tl/Mitarbeiter-News.htm">Mitarbeiternews</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Community</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://the-habbowood.de.tl/Mitarbeiter.htm">Usere Mitarbeiter</a></li>
<li><a href="http://the-habbowood.de.tl/Bewerben.htm">Jobcenter</a></li>
<li><a href="http://the-habbowood.de.tl/Teamspeak.htm">Teamspeak</a></li>
<li><a href="http://the-habbowood.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://the-habbowood.de.tl/Partner.htm">Partner</a></li>

</ul>
</li>
</div>

______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag13.01.2009 um 17:22 (UTC)    
Titel:

danke funktioniert
Beiträge der letzten Zeit anzeigen:   


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