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: | ||
- | } | ||
- | </ |