blog.bartlweb - a technologist's external brain

TypoScript-Beispiele für diverse Menüs

Hier finden Sie Beispiele für verschiedene mit Typo3 realisierte Menüs.

Breadcrumb Menü

lib.breadcrumb = HMENU
lib.breadcrumb.special = rootline lib.breadcrumb.1 = TMENU
 
lib.breadcrumb.1.NO {
  ATagParams = class="internal_link"
  ATagTitle.field = abstract // description // subtitle
  stdWrap.htmlSpecialChars = 1
  linkWrap = | <span>&nbsp;&gt;&nbsp;</span>
}
 
lib.breadcrumb.1.CUR = 1
lib.breadcrumb.1.CUR {
  doNotLinkIt = 1
  linkWrap = <span>|</span>
  stdWrap.htmlSpecialChars = 1
}

vertikales Menü - Metanavigation

lib.meta = HMENU
lib.meta.special = list
lib.meta.special.value = 35, 38, 40, 36
lib.meta.1 = TMENU
lib.meta.1.noBlur = 1
lib.meta.1.NO {
  ATagParams =
  linkWrap = |<span>&nbsp;&#124;&nbsp;</span> |*| |<span>&nbsp;&#124;&nbsp;</span> |*| |
}
lib.meta.stdWrap.wrap = <div class="metanavigation">|</div>

horizontales Menü 1

lib.subnavigation = COA
lib.subnavigation.wrap=<div>|</div>
 
lib.subnavigation.5 = HTML
lib.subnavigation.5.value=<div></div>
 
lib.subnavigation.10 = TEXT
lib.subnavigation.10 {
  data = leveltitle : 1
  wrap = <h2>|</h2>
  htmlSpecialChars = 1
}
 
lib.subnavigation.20 = HMENU
lib.subnavigation.20.entryLevel = 1
lib.subnavigation.20.1 = TMENU
lib.subnavigation.20.1.noBlur = 1
lib.subnavigation.20.1 {
  noBlur = 1
  expAll = 1
  wrap = <ul id="subnavigation">|</ul>
 
  NO = 1
  NO {
    ATagTitle.field = abstract // description // subtitle
    allWrap = <li>|</li>
    stdWrap.htmlSpecialChars = 1
  }
 
  ACT = 1
  ACT < .NO
  ACT {
    ATagParams =
    stdWrap.htmlSpecialChars = 1
  }
  
  IFSUB = 1
  IFSUB < .NO
  IFSUB {
    allWrap = <li>|
    stdWrap.htmlSpecialChars = 1
  }
  
  ACTIFSUB = 1
  ACTIFSUB < .ACT
  ACTIFSUB {
    allWrap = <li>|
    stdWrap.htmlSpecialChars = 1
  }
}
 
lib.subnavigation.20.2 = TMENU
lib.subnavigation.20.2.noBlur = 1
lib.subnavigation.20.2 {
  wrap = <ul>|</ul></li>
  
  NO = 1
  NO {
    ATagTitle.field = abstract // description // subtitle
    allWrap = <li>|</li>
    stdWrap.htmlSpecialChars = 1
  }
  
  ACT = 1
  ACT < .NO
  ACT {
      ATagParams =
  }
}
 
lib.subnavigation.25 = HTML
lib.subnavigation.25.value=<div></div>

horizontales Menü 2

lib.mainnavigation = HMENU
lib.mainnavigation.special = list
lib.mainnavigation.special.value = 8,7,6,5,4,3,94
 
lib.mainnavigation.1 = TMENU
lib.mainnavigation.1.noBlur = 1
lib.mainnavigation.1.wrap = <ul>|</ul>
lib.mainnavigation.1 {
  expAll = 1
  
  NO = 1
  NO {
    linkWrap = <li>| || <li>| || <li>| || <li>| || <li>|
    ATagTitle.field = abstract // description // subtitle
    stdWrap.htmlSpecialChars = 1
    stdWrap.wrap= <span>|</span>
  }
  
  ACT < .NO
  ACT = 1
  ACT {
   linkWrap = <li id="current">| || <li id="current">| || <li id="current">| || <li id="current">| || <li id="current">|
  }
}
 
lib.mainnavigation.2 = TMENU
lib.mainnavigation.2.noBlur = 1
lib.mainnavigation.2.wrap = <ul>|</ul></li>
lib.mainnavigation.2 {
  expAll = 1
 
  NO = 1
  NO {
    ATagTitle.field = abstract // description // subtitle
    linkWrap = <li>|</li>
    stdWrap.htmlSpecialChars = 1
  }
}

Dieser Artikel hat Dir deinen Tag gerettet?

... und mühevolles Probieren, Recherchieren und damit Stunden an Zeit gespart? Oder einfach nur Dein Problem gelöst?

Dann würde ich mich freuen, wenn Du meine Zeit für die Erstellung dieses Blogartikels mit einer kleinen Anerkennung honorierst:

Zahlung mit PayPal oder Kreditkarte.

Hinweis zur Verwendung

Die Übermittlung einer Zahlung ist eine persönliche Anerkennung Ihrerseits an den Entwickler (Christian Bartl, Privatperson). Eine Zahlung ist nicht zweckgebunden und es ist keine Gegenleistung zu erwarten. Bitte beachten Sie, dass für eine übermittelte Zahlung keine Quittung ausgestellt werden kann.

Über den Autor

Christian Bartl

Christian Bartl Requirements Engineer
& Solution Architect für Online und Mobile

Als Technologie-Enthusiast und begeisterter Programmierer entwickle ich in meiner Freizeit Websites, Software und IT-Lösungen, die mir selbst und anderen den Alltag vereinfachen.

mehr auf christian.bartl.me

Kommentare

  1. Guten Tag
    Ich bin Anfänger und mir fehlt jeweils das Wissen, was in der Datei design.html (Vorlage) stehen muss, damit es zusammen mit dem Code im Setup funktioniert. Haben Sie mir ein Beispiel für ein horizontales Textmenü (3-stufig), also Code fürs Typo-Setup und den entsprechenden Code für die HTML-Datei?

    Besten Dank zum Voraus
    Markus Schmid

    kommentieren

    1. Hallo Markus,

      den HTML-Code bzw. das zugehörige CSS habe ich leider nicht mehr griffbereit. Aber tendenziell erzeugt das obige Menü ungeordnete Listen (<ul>) als HTML-Code den du dann mit CSS formatieren kannst.

      lg Christian

      kommentieren

Kommentar schreiben

Der hier angegebene Name wird gemeinsam mit deinem Kommentar auf der Website veröffentlicht.

Deine E-Mail-Adresse wird zur einmaligen Benachrichtigung bei Veröffentlichung des Kommentars genutzt.

Benachrichtigung per E-Mail über Antworten auf meinen Kommentar erhalten.

Bitte tippe die Zahlenkombination "1296" ein, nur dann kann ich deinen Kommentar entgegennehmen.

Bitte fülle dieses Feld nicht aus, nur dann kann ich deinen Kommentar entgegennehmen.