Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.12.2009 um 12:12 (UTC)    
Titel: CSS Weitere Unterpunkte für Unterpunkte beim Coolmenü?

Ich habe nun schon auf einigen Seiten gesehen, dass es Menschen gibt, die ihr Coolmenü dazu bringen können, dass sich weitere Unterpunkte öffnen, wenn man auf einen Unterpunkt geht. Das finde ich faszinierend und frage mich nun:

Wie bekommt man das hin???
______________
Erzähle mir und ich vergesse. Zeige mir und ich erinnere. Lass es mich tun und ich verstehe.


Beitrag09.12.2009 um 16:27 (UTC)    
Titel:

einfach nochmal ne <li></li> Klasse einfügen eingentich.....poste mal deinen coolmenü code
______________
Beitrag11.12.2009 um 13:36 (UTC)    
Titel:

Danke Smile



Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Times;
font-size: 12px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
margin-top: 77px;
margin-left: 5px;
width:798px;
border-left: 1px solid #341c02;
border-right: 1px solid #341c02; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 133px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
background-color: #2F2723;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFEFD5; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #58483C;
background-image: url(URL);
color: #FFEFD5; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 12px;
display: none;
width: 133px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFEFD5; }
//-->
</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="http://wolfbooks.de.tl/"javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Wolf Books</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://wolfbooks.de.tl/Philosophie.htm">Die Philosophie</a></li>
<li><a href="http://wolfbooks.de.tl/Team.htm">Das Team</a></li>
<li><a href="http://wolfbooks.de.tl/Kontakt.htm">Kontakt</a></li>
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/Frisch-rezensiert.htm""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Frisch rezensiert</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/B.ue.cherfundus.htm""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Bücherfundus</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://wolfbooks.de.tl/B.ue.cher-A_Z.htm">Bücher A-Z</a></li>
<li><a href="http://wolfbooks.de.tl/Autoren-A_Z.htm">Autoren A-Z</a></li>
<li><a href="http://wolfbooks.de.tl/Leseproben.htm">Leseproben</a></li>
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/Suche.htm""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Suche</a>
<ul id="smenu1" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/Der-Laden.htm""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Der Laden</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://wolfbooks.de.tl/Caf-e2-.htm">Café</a></li>
<li><a href="http://wolfbooks.de.tl/Geschenkboutique.htm">Geschenkboutique</a></li>
<li><a href="http://wolfbooks.de.tl/Hinterzimmer.htm">Hinterzimmer</a></li>

</ul>
</li>
<li><a href="http://wolfbooks.de.tl/G.ae.stebuch.htm""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Gästebuch</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://wolfbooks.de.tl/Newsletter.htm">Newsletter</a></li>
</ul>
</li>
</div>


Ich komme zwar gut momentan damit aus, habe auch von jemanden noch einen Tip mit einem anderen Menü bekommen, aber da kam ich nicht ganz so mit klar. Wäre also toll, wenn es so einfach wäre Wink
______________
Erzähle mir und ich vergesse. Zeige mir und ich erinnere. Lass es mich tun und ich verstehe.


Beiträge der letzten Zeit anzeigen:   


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