TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TypoScript » Menüs

freecssdropdown mit Grafiken


Autor Nachricht
Verfasst am: 10. 12. 2009 [22:47]
Huaba
Themenersteller
Dabei seit: 12.10.2005
Beiträge: 69
 Hallo,

also, ich bin ein TS-Noob, nur so als Vorwarnung icon_smile.gif

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:
TYPOSCRIPT
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
Profil
Verfasst am: 09. 03. 2010 [15:54]
jank
Dabei seit: 01.04.2009
Beiträge: 121
 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:
TYPOSCRIPT
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.
gruß jank
ProfilWWWSkype
Verfasst am: 12. 03. 2010 [21:07]
timmy2007
Dabei seit: 04.01.2007
Beiträge: 359
 Hallo

wie gestalte ich das alles mit TemplaVoila? Das Manual, das man bei der Extension findet, ist nicht hilfreich!
Profil
Verfasst am: 23. 04. 2010 [09:19]
jank
Dabei seit: 01.04.2009
Beiträge: 121
 man kopiert das menü einfach in einene lib...

TYPOSCRIPT
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.

gruß jank
ProfilWWWSkype