freecssdropdown mit Grafiken

Hallo,

also, ich bin ein TS-Noob, nur so als Vorwarnung :-)

Ich brauche ein horizontales Menü, bei dem die Unterseiten der zweiten Ebene aufklappen. Diese sollten aber nicht untereinander wie bei fast allen Menüs stehen, sondern nebeneinander mit einer individuellen Grafik darüber.

So ähnlich wie www.ducati.com beim Punkt "Bikes". Nur das ich pro Spalte nur eine Seite darunter habe.

Ich habe jetzt das freecssdropdown eingebaut, was eigentlich auch funktioniert.
Nur bräuchte ich bei jedem "li"-Tag in der zweiten Ebene eine eigene background-image Zuweisung, damit man das gewünschte Bild nur wie die Seiten-ID benennen muss und so automatisch verwendet wird.
Vorgestellt habe ich mir das ganze ungefähr so, das ich diesen über die TSFE:id beziehe. Mein TS sieht so aus:

plugin.freeCssDropDownMenu.horizontal = HMENU
plugin.freeCssDropDownMenu.horizontal {
special = directory
special.value = {$plugin.freeCssDropDownMenu.horizontal.start}
excludeUidList = {$plugin.freeCssDropDownMenu.horizontal.exclude}

1 = TMENU
1 {
wrap = <ul class="dropdown dropdown-horizontal"> | </ul>
expAll = 1
noBlur = 1
NO = 1
NO {
ATagTitle.field = abstract // description // subtitle // title
wrapItemAndSub = <li> | </li>
stdWrap.htmlSpecialChars = 1
}
IFSUB < .NO
}

2 < .1
2 {
wrap = <ul class="dropdown-bg"> | </ul>
NO =2
NO {
wrapItemAndSub = <li class="dropdown-item" style="background-image:url(fileadmin/images/menu/{TSFE:id}.jpg"> | </li>
}
}

3 < .2

4 < .2

5 < .2
}

In der Ebene 2 habe ich den wrapItemAndSub eingebaut, der so natürlich nicht die TSFE:id auflöst. Bin ich hier auf den Holzweg und es geht gaaaaanz anders oder kann mir jemand einen Tipp geben, wie ich die TSFE:id auflöse, natürlich mit der ID, die die verlinkte Seite in diesem "LI" hat?

Danke schon mal im voraus.

Huaba

Hallo Huaba,
ich habe deinen Post erst jetzt gesehen und für dich hier einen teil von dem was ich in die nächste version mit einbaue:

MENU < plugin.freeCssDropDownMenu.horizontal
MENU.1 >
MENU.1 = GMENU
MENU.1 {
     wrap = <ul class="dropdown dropdown-horizontal"> | </ul>
     expAll = 1
     noBlur = 1
     NO = 1
     NO {
       ATagTitle.field = abstract // description // subtitle // title
       wrapItemAndSub = |*| <li> | </li> |*| <li class="last"> | </li>
       XY = [10.w]+10,32
       transparentBackground = 1
       10 = TEXT
       10 {
         text.field = title
         text.case = lower
         fontFile = fileadmin/templates/fonts/screamhot.ttf
         fontSize = 24
         fontColor = #000000
         offset = 5, 26
       }
     }
     IFSUB < .NO
     #IFSUB.10.text.wrap = +|
     IFSUB.wrapItemAndSub = |*| <li class="dir"> | </li> |*| <li class="dir last"> | </li>
}
MENU.2 < plugin.freeCssDropDownMenu.horizontal.2

Dieses TS macht aus der ersten ebene ein GMENU mit einer von dir gewünschten Schriftart. Ab der 2. allerdings wird es wieder ein TMENU das ist aber auch machbar... wenn du noch Fragen hast einfach hier schreiben oder eine email an mich.

man kopiert das menü einfach in einene lib...

lib.menue < plugin.freeCssDropDownMenu.horizontal

das habe ich auch schon in der anleitung stehen...

ich weiß ich sollte die mal überarbeiten, aber ich mach das auch nur nebenher und mir fehlt iMo einfach die zeit.