Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
| typo3:navigation [2014/07/04 21:19] – [Brotkrumen-Navigation] admin | typo3:navigation [2017/05/08 22:30] (aktuell) – Entfernung veralteter Konfiguration admin | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| + | ====== Navigation ====== | ||
| + | |||
| ===== Brotkrumen-Navigation ===== | ===== Brotkrumen-Navigation ===== | ||
| <code typoscript> | <code typoscript> | ||
| Zeile 32: | Zeile 34: | ||
| special = language | special = language | ||
| special.value = 0,1 | special.value = 0,1 | ||
| + | | ||
| + | addQueryString = 1 | ||
| + | addQueryString.exclude = id | ||
| + | addQueryString.method = GET | ||
| | | ||
| 1 = TMENU | 1 = TMENU | ||
| Zeile 40: | Zeile 46: | ||
| stdWrap.cObject = TEXT | stdWrap.cObject = TEXT | ||
| stdWrap.cObject { | stdWrap.cObject { | ||
| - | value = Deutsch | + | value = Deutsch || English |
| - | lang.en = German | + | |
| } | } | ||
| } | } | ||
| Zeile 47: | Zeile 52: | ||
| ACT { | ACT { | ||
| doNotLinkIt = 1 | doNotLinkIt = 1 | ||
| - | wrapItemAndSub = < | + | wrapItemAndSub = < |
| - | stdWrap.cObject { | + | |
| - | value = Deutsch || Englisch | + | |
| - | lang.en = German || English | + | |
| - | } | + | |
| } | } | ||
| } | } | ||
| Zeile 60: | Zeile 61: | ||
| ---- | ---- | ||
| - | ===== Verschachtelte Listen-Navigation ===== | ||
| - | Aufgebaut mit unsortierten Listen (''< | + | ===== Klasse " |
| - | {{ typo3: | + | Mit dem folgenden Snippet erhält ein Shortcut die Klasse " |
| - | < | + | < |
| - | 10 = HMENU | + | NO = 1 |
| - | 10 { | + | NO { |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | + | | |
| - | NO = 1 | + | |
| - | NO { | + | |
| - | ATagTitle.field = title | + | value.data = TSFE:page|uid |
| - | | + | |
| - | } | + | |
| - | CUR = 1 | + | |
| - | | + | |
| - | | + | |
| - | wrapItemAndSub = <li class=" | + | |
| - | } | + | |
| - | ACT = 1 | + | |
| - | ACT { | + | |
| - | ATagTitle.field = title | + | |
| - | | + | |
| } | } | ||
| - | } | + | 10 = TEXT |
| - | 2 < .1 | + | |
| - | 2 { | + | |
| - | | + | |
| - | } | + | |
| - | 3 < .1 | + | |
| - | 3 { | + | |
| - | wrap = < | + | |
| } | } | ||
| } | } | ||
| </ | </ | ||
| - | <code css> | ||
| - | #submenu { | ||
| - | border-right: | ||
| - | float: left; | ||
| - | font-size: 14px; | ||
| - | line-height: | ||
| - | min-height: 1px; | ||
| - | width: 180px; | ||
| - | } | ||
| - | #submenu ul { | ||
| - | list-style-type: | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | width: 180px; | ||
| - | } | ||
| - | #submenu a { | ||
| - | display: block; | ||
| - | padding: 8px 0 8px 5px; | ||
| - | text-decoration: | ||
| - | } | ||
| - | /* Aufbau auf erster Ebene */ | + | ---- |
| - | .nav-norm, .nav-cur, .nav-act { | + | |
| - | border-top: 1px solid #0055AA; | + | |
| - | margin: 0; | + | |
| - | padding: 0; | + | |
| - | } | + | |
| - | /* Aufbau auf zweiter Ebene */ | ||
| - | .sub2 .nav-first, .sub2 .nav-first-cur, | ||
| - | border-top: 1px solid #0055AA; | ||
| - | margin: 0; | ||
| - | padding-left: | ||
| - | width: 170px; | ||
| - | } | ||
| - | .sub2 li { | ||
| - | margin-left: | ||
| - | width: 170px; | ||
| - | } | ||
| - | /* Aufbau auf dritter Ebene (neue Breite je neuer Ebene) */ | ||
| - | .sub3 li, .sub3 .nav-first, .sub3 .nav-first-cur, | ||
| - | width: 160px; | ||
| - | } | ||
| - | |||
| - | /* Anker nur erste Ebene */ | ||
| - | .nav-first a, .nav-norm a { | ||
| - | color: black; | ||
| - | font-weight: | ||
| - | } | ||
| - | .nav-first-cur a, .nav-cur a, .nav-first-act a, .nav-act a { | ||
| - | background-color: | ||
| - | color: #0055AA; | ||
| - | font-weight: | ||
| - | } | ||
| - | .nav-first-cur a, .nav-cur a { | ||
| - | background-color: | ||
| - | color: white; | ||
| - | font-weight: | ||
| - | } | ||
| - | #submenu a:hover, #submenu a:active { | ||
| - | background-color: | ||
| - | color: white; | ||
| - | } | ||
| - | |||
| - | /* Anker ab zweiter Ebene (vererbt sich auf alle weiteren Ebenen) */ | ||
| - | .sub2 a { | ||
| - | font-weight: | ||
| - | } | ||
| - | .sub2 .nav-first-cur a, .sub2 .nav-cur a, .sub2 .nav-first-act a, .sub2 .nav-act a { | ||
| - | background-color: | ||
| - | color: #0055AA; | ||
| - | } | ||
| - | .sub2 .nav-first-cur a, .sub2 .nav-cur a { | ||
| - | background-color: | ||
| - | color: white; | ||
| - | font-weight: | ||
| - | } | ||
| - | </ | ||
