freecssdropdown mit Grafiken

  • Huaba Huaba
    R2-D2
    0 x
    73 Beiträge
    0 Hilfreiche Beiträge
    10. 12. 2009, 22:47

    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 http://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:
    [TS]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
    }[/TS]

    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


  • 1
  • jank jank
    Sternenflotten-Admiral
    0 x
    158 Beiträge
    0 Hilfreiche Beiträge
    09. 03. 2010, 15:54

    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:
    [TS]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
    [/TS]

    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.

  • timmy2007 timmy2007
    Jedi-Meister
    0 x
    426 Beiträge
    0 Hilfreiche Beiträge
    12. 03. 2010, 21:07

    Hallo

    wie gestalte ich das alles mit TemplaVoila? Das Manual, das man bei der Extension findet, ist nicht hilfreich!

  • jank jank
    Sternenflotten-Admiral
    0 x
    158 Beiträge
    0 Hilfreiche Beiträge
    23. 04. 2010, 09:19

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

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

  • 1