Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.05.2009 um 05:28 (UTC)    
Titel: Problem mit Hover

Hi,
Ich habe ein Problem mit dem Hover bei meinem Coolmenü.
Und zwar ich möchte das der Hoover nur beim untermenü kommt (also nur bei den ausgefahrenen punkten)
hier der Code. Kann mir pls jemand den Code ändern?

Zitat:
<style type="text/css">
<!--
/* Coolmenü*/
/* Allgemeine Einstellungen */
body
{
font-family: Comic San MS;
font-size: 14px;
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: 235px;
left: 50%;
margin-left:-370px;
width:905px;
}

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

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/c/clan-darksideofingins/navfire.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 33px;
color: #FFFFFF;
}

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

/* 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: 150px;
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');">Über Uns</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://Menupunkt1.1.htm">Infos über Uns</a></li>
<li><a href="http://Menupunkt1.2.htm">Regeln</a></li>
<li><a href="http://Menupunkt1.1.htm">Mitglied werden?</a></li>
<li><a href="http://Menupunkt1.2.htm">Mitglieder</a></li>
<li><a href="http://Menupunkt1.2.htm">News</a></li>



</ul>
</li>


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

<li><a href="http://Menupunktx.x.htm">Barbar</a></li>
<li><a href="http://Menupunkt1.1.htm">Ritter</a></li>
<li><a href="http://Menupunkt1.2.htm">Beschi</a></li>
<li><a href="http://Menupunktx.x.htm">Hexer</a></li>
<li><a href="http://Menupunkt1.1.htm">Hunter</a></li>
<li><a href="http://Menupunkt1.2.htm">Schütze</a></li>
<li><a href="http://Menupunkt1.2.htm">Amulette/Ringe</a></li>
</ul>
</li>

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

<li><a href="http://Menupunkt1.2.htm">Gesammte Liste</a></li>
<li><a href="http://Menupunktx.x.htm">1-10</a></li>
<li><a href="http://Menupunkt1.1.htm">11-20</a></li>
<li><a href="http://Menupunkt1.2.htm">21-30</a></li>
<li><a href="http://Menupunktx.x.htm">31-40</a></li>
<li><a href="http://Menupunkt1.1.htm">41-50</a></li>


</ul>
</li>

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

<li><a href="http://Menupunktx.x.htm">Videos</a></li>
<li><a href="http://Menupunkt1.1.htm">Bilder</a></li>
<li><a href="http://Menupunkt1.1.htm">Kartenmaterial</a></li>
</ul>
</li>

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

<li><a href="http://Menupunktx.x.htm">Teamspeak</a></li>
<li><a href="http://Menupunkt1.1.htm">Skype</a></li>
<li><a href="http://Menupunkt1.1.htm">XFire</a></li>
</ul>
</li>
</div>


Zuletzt bearbeitet von clan-darksideofingins am 13.05.2009, 06:55, insgesamt 2-mal bearbeitet
Beitrag13.05.2009 um 09:02 (UTC)    
Titel:

Du findest folgendes im Code:

Zitat:
/* 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>


Das musst du jetzt wie folgt ergänzen:

Zitat:
/* 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;
}

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

</style>


Du musst nur noch die Anweisungen so anpassen, wie du es möchtest. Wenn du es so lässt, ist die Hintergrundfarbe Weiß und der Text Schwarz.
______________
LG André

GMMTS.de
Beitrag13.05.2009 um 14:28 (UTC)    
Titel:

Ok wunderbar. hat geklappt
Danke Dir
Beiträge der letzten Zeit anzeigen:   


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