Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
| typo3:navigation [2016/05/20 19:13] – [Sprachauswahl] admin | typo3:navigation [2017/05/08 22:30] (aktuell) – Entfernung veralteter Konfiguration admin | ||
|---|---|---|---|
| Zeile 88: | Zeile 88: | ||
| ---- | ---- | ||
| - | ===== Verschachtelte Listen-Navigation ===== | ||
| - | Aufgebaut mit unsortierten Listen (''< | ||
| - | |||
| - | {{ typo3: | ||
| - | |||
| - | <code typoscript> | ||
| - | 10 = HMENU | ||
| - | 10 { | ||
| - | 1 = TMENU | ||
| - | 1 { | ||
| - | wrap = <ul class=" | ||
| - | noBlur = 1 | ||
| - | |||
| - | NO = 1 | ||
| - | NO { | ||
| - | ATagTitle.field = title | ||
| - | wrapItemAndSub = <li class=" | ||
| - | } | ||
| - | CUR = 1 | ||
| - | CUR { | ||
| - | ATagTitle.field = title | ||
| - | wrapItemAndSub = <li class=" | ||
| - | } | ||
| - | ACT = 1 | ||
| - | ACT { | ||
| - | ATagTitle.field = title | ||
| - | wrapItemAndSub = <li class=" | ||
| - | } | ||
| - | } | ||
| - | 2 < .1 | ||
| - | 2 { | ||
| - | wrap = < | ||
| - | } | ||
| - | 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: | ||
| - | } | ||
| - | </ | ||
