mercredi 29 avril 2015

Dropdown Menu: CSS-Klasse für 2. und 3. Submenu

Hallo,

stehe gerade etwas auf dem Schlauch. Realisiert werden soll ein Menü mit 4 Hauptlinks (2. und 3. Link mit anderer Klasse) und jeweils einen Container für das Submenü (wiederum 2. und 3. Container mit anderer Klasse). So soll das fertige Menü aussehen:

PHP-Code:

<ul id="mainmenu">
    <
li>
        <
a href="#">Hauptlink 1</a>
        <
div class="submenu">
            <
ul>
                <
li><a href="#"><img src="bild1.jpg" alt="">Sublink 1</a></li>
                <
li><a href="#"><img src="bild2.jpg" alt="">Sublink 2</a></li>
                <
li><a href="#"><img src="bild3.jpg" alt="">Sublink 3</a></li>
            </
ul>
        </
div>
    </
li>
    <
li>
        <
a href="#" class="link2">Hauptlink 2</a>
        <
div class="submenu2">
            <
ul>
                <
li><a href="#"><img src="bild4.jpg" alt="">Sublink 4</a></li>
            </
ul>
        </
div>
    </
li>
    <
li>
        <
a href="#" class="link3">Hauptlink 3</a>
        <
div class="submenu3">
            <
ul>
                <
li><a href="#"><img src="bild5.jpg" alt="">Sublink 5</a></li>
            </
ul>
        </
div>
    </
li>
    <
li>
        <
a href="#">Hauptlink 4</a>
        <
div class="submenu">
            <
ul>
                <
li><a href="#"><img src="bild6.jpg" alt="">Sublink 6</a></li>
            </
ul>
        </
div>
    </
li>
</
ul

Mein momentanes TS sieht so aus:

Code:

lib.mainmenu = HMENU
lib.mainmenu {
    special = directory
    special.value = 104
    1 = TMENU
    1 {
        expAll = 1
        wrap = <ul id="mainmenu">|</ul>
        noBlur = 1
        NO = 1
        NO {
            wrapItemAndSub = <li>|</li>
            stdWrap.htmlSpecialChars = 1
            ATagTitle.field = title
            ATagParams =  || class="link2" || class="link3" ||
        }
    }
    2 = TMENU
    2 {
        wrap = <div class="submenu"><ul>|</ul></div> || <div class="submenu2"><ul>|</ul></div> || <div class="submenu3"><ul>|</ul></div> || <div class="submen"><ul>|</ul></div>
        noBlur = 1
        NO {
            wrapItemAndSub = <li>|</li>
            stdWrap.cObject = COA
            stdWrap.cObject {
                10 = TEXT
                10.wrap = <img src="uploads/media/|" alt="">
                10.data = field:media
                20 = TEXT
                20.field = title
                20.wrap = |           
            }
        }
       
    }
}

Alles funktioniert - bis auf der wrap für das Submenü. Hat jemand einen Tip für mich?

Grüße
Kerstin


Dropdown Menu: CSS-Klasse für 2. und 3. Submenu

Aucun commentaire:

Enregistrer un commentaire