HILFE Showmenu2

[AL BUNDY]

Hallo WB Gemeinde
ich bin ein Neuling und brauch dringend Hilfe

Ich habe viel gelesen über Showmenu2 und man wird immer auf diese Seite http://code.jellycan.com/sm2test/ verwiesen.
Doch ich werde nicht schlau welches ich aus der Auswahl nehmen muss.

bei meinem Dropdown Menu sieht so aus

Code:

        <div id="navigation">
<div>
<ul class="menu">
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a>
<ul class="sub">
<li><a href="#">Sample Menu This is some longer text</a></li>
<li><a href="#">Sample Menu</a></li>
            <li><a href="#">Sample Menu</a></li>
            <li><a href="#">Sample Menu</a></li>
            <li><a href="#">Sample Menu</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a>
<ul class="sub">
<li><a href="#">Sample Menu This is some longer text</a></li>
            <li><a href="#">Sample Menu</a></li>
            <li><a href="#">Sample Menu</a></li>
            <li><a href="#">Sample Menu</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
</ul>
</div>

Mein CSS sieht so aus

Code:

.menu {
    padding:0 0 0 32px;
    margin:0;
    list-style:none;
    height:42px;
    background:#fff url(img/button1a.gif) repeat-x;
    position:relative;
    font-family:arial, verdana, sans-serif;
}


.menu li.top {
    display:block;
    float:left;
    position:relative;
}


.menu li a.top_link {
    display:block;
    float:left;
    height:39px;
    line-height:40px;
    color:#FFFFFF;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
    padding:0 0 0 12px;
    cursor:pointer;
    border: solid 1px #000000;
}


.menu li a.top_link span {
    float:left;
    font-weight:bold;
    display:block;
    padding:0 24px 0 12px;
    height:39px;
}


.menu li a.top_link span.down {
    float:left;
    display:block;
    padding:0 24px 0 12px;
    height:39px;
    background:url(img/down.gif) no-repeat right top;
}


.menu li a.top_link:hover {color:#000; background: url(img/button4.gif) no-repeat;
}


.menu li a.top_link:hover span {
    background:url(img/button4.gif) no-repeat right top;
}


.menu li a.top_link:hover span.down {
    background:url(img/button4a.gif) no-repeat right top;
}



.menu li:hover > a.top_link {
    color:#000; background: url(img/button4.gif) no-repeat;
}


.menu li:hover > a.top_link span {
    background:url(img/button4.gif) no-repeat right top;
}


.menu li:hover > a.top_link span.down {
    background:url(img/button4a.gif) no-repeat right top;
}


.menu table {
    border-collapse:collapse;
    width:0; height:0;
    position:absolute;
    top:0; left:0;
}


.menu a:hover {
    visibility:visible;
}


.menu li:hover {
    position:relative; z-index:200;
}


.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:0; height:0;
    margin:0;
    padding:0;
    list-style:none;
}



.menu :hover ul.sub {
    left:2px;
    top:40px;
    right:2px;
    background: #fff;
    padding:3px 0;
    border:1px solid #197196;
    white-space:nowrap;
    width:300px;
    height:auto;
}


.menu :hover ul.sub li {
    display:block;
    height:20px;
    position:relative;
    float:left;
    width:250px;
}


.menu :hover ul.sub li a {
    font-weight:normal;
    display:block;
    font-size:1em;
    height:20px;
    width:192px;
    line-height:20px;
    text-indent:5px;
    color:#000;
    text-decoration:none;
    border:3px solid #fff;
    border-width:0 0 0 3px;
}


.menu :hover ul.sub li a.fly {
    background:#fff url(img/arrow.gif) 80px 7px no-repeat;
}


.menu :hover ul.sub li a:hover {
    background:#197196;
    width: auto;
    color:#fff;
}


.menu :hover ul.sub li a.fly:hover {
    background:#197196 url(img/arrow_over.gif) 80px 7px no-repeat;
    color:#fff;
}


.menu :hover ul li:hover > a.fly {
    background:#197196 url(img/arrow_over.gif) 80px 7px no-repeat;
    color:#fff;
}


.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
    left:90px;
    top:-4px;
    background: #fff;
    padding:3px 0;
    border:1px solid 95d2ee;
    white-space:nowrap;
    width:93px;
    z-index:200;
    height:auto;
}

Hat jemand mit mir Geduld? Um mir Show Menu2 zu erklären wo ich was einfügen muss und auf was ich speziel achten muss???

Ich Danke euch allen für eure Geduld und Verständnis mt mir.

[dbs]

hi, man verweist auch gerne auf diese seite: http://www.websitebakers.de/sm2/media/README.de.html

[kweitzel]

Beide Seiten haben das gleiche Readme, also macht es keinen Unterschied aus, welche der Seiten genommen wird.

Als Hilfe wirst Du am Anfang testen müssen. Fang mal hiermit an und lies die Ausgabe in deinem Template:

Code:

function show_menu2(
    $aMenu          = 0,
    $aStart         = SM2_ROOT,
    $aMaxLevel      = SM2_CURR+1,
    $aOptions       = SM2_TRIM,
    $aItemOpen      = '[li][a][menu_title]</a>',
    $aItemClose     = '</li>',
    $aMenuOpen      = '[ul]',
    $aMenuClose     = '</ul>',
    $aTopItemOpen   = false,
    $aTopMenuOpen   = false
    )

Dann kannst Du Dir auch genauer die Klassen, die von SM2 vergeben werden, anschauen. Dein CSS solltest Du so übernehmen können. Und dann bleibt Dir "nur" ein wenig rumexperimentieren mit den verschiedenen Optionen.

Gruß

Klaus

[AL BUNDY]

Das ist ja genau mein Problem ich weiss nicht was ich da mitgeben muss.
Kann mir hier niemand von den Profis in diesem Forum Helfen???

[Stefek]

Hallo cms,

bitte öffne nicht gleich einen neuen Thread mit der selben Anfrage, wenn Dir nicht auf Anhieb geholfen werden kann.
Das wird normalerweise als Spam angesehen.

Die Lösung befindet sich hier:
http://www.websitebaker2.org/forum/index.php/topic,21939.msg147752.html#msg147752

Gruß,
Stefek