ModulNavigation - Versionsgeschichte

Manitougs: Geshi-Anpassung

2010-10-03T14:45:45Z

Geshi-Anpassung

MacKP: /* Hauptmenü bis Ebene 3 und Ebene 4 im Untermenü */

2010-08-24T10:41:48Z

‎Hauptmenü bis Ebene 3 und Ebene 4 im Untermenü

Manitougs: Category geändert

2010-06-09T22:47:38Z

Category geändert

Manitougs: /* TYPOLight 2.8.1 */ TL -> contao

2010-06-06T22:46:27Z

‎TYPOLight 2.8.1: TL -> contao

Manitougs: div. Korrekturen

2010-05-29T16:23:54Z

div. Korrekturen

Manitougs: /* Wichtige Hinweise (nach TYPOlight Version): */ TL -> Contao

2010-05-26T20:39:27Z

‎Wichtige Hinweise (nach TYPOlight Version):: TL -> Contao

Xtra am 25. Mai 2010 um 01:48 Uhr

2010-05-25T01:48:00Z

Xtra: Praxisbeispiele in toplevel verschoben

2010-04-08T05:15:46Z

Praxisbeispiele in toplevel verschoben

MacKP am 5. April 2010 um 12:58 Uhr

2010-04-05T12:58:23Z

MacKP: /* Startlevel auf 2 */

2010-03-10T22:48:59Z

‎Startlevel auf 2

@@ Zeile 263: / Zeile 263: @@
 ====Das kann man ganz einfach per CSS machen mit ====
- #left ul li ul li ul li ul li {
+<source lang="css">
-   position: absolute;
+#left ul li ul li ul li ul li {
-   top: -1000em;
+  position: absolute;
-   left: -1000em;
+  top: -1000em;
-   height: 1px;
+  left: -1000em;
-   width: 1px;
+  height: 1px;
+  width: 1px;
 ====Per Template Anpassung nur die Ebenen Anzeigen die man in dem Hauptmenü braucht====
- <?php $ebenen = array('level_1', 'level_2', 'level_3'); ?>
+<source lang="php">
- <?php if(in_array($this->level, $ebenen)) :?>
+<?php $ebenen = array('level_1', 'level_2', 'level_3'); ?>
-  Die normale Navigationsausgabe
+<?php if(in_array($this->level, $ebenen)) :?>
- <?php endif; ?>
+ Die normale Navigationsausgabe
 Am Anfang wird in eine Array geschrieben, welche Ebenen man ausgeben möchte. Danach wird anhand des Navigationslevels überprüft ob eine Ausgabe stattfinden soll oder nicht.

@@ Zeile 260: / Zeile 260: @@
 |}
 * Das Hauptmenü wird so alles anzeigen, wie weiter oben besprochen: Die unteren Ebenen werden erst eingeblendet, wenn man auf einer Seite ist, die auch Unterseiten hat.
-* Ausblenden der 4. Ebene in dem Hauptmenü: * Das kann man ganz einfach per CSS machen mit
+=== Ausblenden der 4. Ebene in dem Hauptmenü: ===
   #left ul li ul li ul li ul li {
     position: absolute;
@@ Zeile 268: / Zeile 270: @@
     width: 1px;
+   }
 * Das Untermenü zeigt erst die Seiten in Ebene 4 und darunter an. Diese kann man auch wunderbar als Content Element einfach in den Artikeln einbinden, wo man es gerade braucht.

@@ Zeile 1: / Zeile 1: @@
 {{AppliesTo|TLVersion=Alle Versionen|Version=ab 2.9}}
-[[Category: Module]]
+[[Category: Core]]
 Das Modul "Navigationsmenü" erzeugt eine strukturierte Ansicht von Links auf eine gewählte Seitenunterstruktur.

@@ Zeile 298: / Zeile 298: @@
 Hier hat das Navigationsmodul einen Bug, der das richtige Setzen von einer Referenzseite verhindert:
-http://dev.typolight.org/issues/1635
+http://dev.contao.org/issues/1635
 Die Lösung ist hier beschrieben:
-http://dev.typolight.org/issues/1635#note-6
+http://dev.contao.org/issues/1635#note-6
 Man muss dazu die ModuleNavigation.php in /system/modules/frontend/ bearbeiten.

@@ Zeile 7: / Zeile 7: @@
 FE = Frontend (die Internetseite aus User Sicht)
 BE = Backend (die Administrationsoberfläche)
-== Wie erstelle ich mir mit dem Modul Navigationsmenü verschiedene Navigationen? ==
+== Wie erstellt man mit dem Modul Navigationsmenü verschiedene Navigationen? ==
 Seit einiger Zeit sind die Module "Navigation Hauptpunkte" und "Navigation Unterpunkte" nicht mehr nötig. In TYPOlight 2.7 werden diese sogar ganz entfernt. Man nutzt nun immer das Modul "Navigationsmenü" mit den folgenden verschiedenen Einstellungsarten:
 * Startlevel
@@ Zeile 17: / Zeile 18: @@
 * Referenzseite festlegen
-Was diese Einstellungen bewirken, werde ich hier an einer Beispielseite zeigen.
+Was diese Einstellungen bewirken, wird hier an einer Beispielseite gezeigt.
-Ich gehe davon aus, dass schon ein Seitenlayout, eine Seitenstruktur und verschiedene Module vorhanden sind, wie man dieses macht, kann man in anderen Tutorials lesen oder sehen.
+Es wird davon ausgegangen, dass schon ein Seitenlayout, eine Seitenstruktur und verschiedene Module vorhanden sind. Wie man diese macht, kann man in anderen Tutorials lesen oder sehen.
 == Der Aufbau der Seite ==
@@ Zeile 39: / Zeile 40: @@
 [[Datei:Seitenstruktur.png]]
-Die Seiten sind zum leichteren Verständnis so bennant, dass zuerst die Ebene und dann der Menüpunkt im Seitennamen stehen.
+Die Seiten sind zum leichteren Verständnis so benannt, dass zuerst die Ebene und dann der Menüpunkt im Seitennamen stehen.
 Ebene 1 hat also 4 Menüpunkte (Ebene_1 Punk_1 / Ebene_1 Punk_2 / Ebene_1 Punk_3 / Ebene_1 Punk_4).
@@ Zeile 51: / Zeile 52: @@
 [[Datei:Module.png]]
-In diesem Beispiel habe ich 4 Module angelegt.
+In diesem Beispiel sind 4 Module angelegt.
 * TL-test_Footer -> "Eigener HTML-Code", der den Footer der Seite bildet. (unwichtig)
-* TL-test_hauptnavi_links -> Diese Navigation wird unsere Hauptnavigation sein, in der sich am meisten ändern wird.
+* TL-test_hauptnavi_links -> Diese Navigation wird die Hauptnavigation sein, in der sich am meisten ändern wird.
 * TL-test_Headernavi -> Hier ist eine Navigation für den Header.
 * TL-test_navigationspfad > Navigationspfad, der hilft zu sehen, wo man gerade ist. ;) (unwichtig)
@@ Zeile 93: / Zeile 94: @@
 [[Datei:Internetseite_stoplevel_1_ebene1_punkt1.png]]
-Wir sind hier auf der Seite Ebene1_Punk1 und sehen nur die Hauptpunkte der Navigation
+Der User ist hier auf der Seite Ebene1_Punk1 und sieht nur die Hauptpunkte der Navigation
 [[Datei:Internetseite_stoplevel_1_ebene1_punkt3.png]]
-Wir sind hier auf der Seite Ebene1_Punk2 und sehen die Unterpunkte von Punkt2 sowie die Menüpunkte der Ebene 1 darüber.
+Der User ist hier auf der Seite Ebene1_Punk2 und sieht die Unterpunkte von Punkt2 sowie die Menüpunkte der Ebene 1 darüber.
 [[Datei:Internetseite_stoplevel_1_ebene2_punkt2.png]]
-Und so geht es weiter, wenn wir dann in Ebene 2 auf Punkt 2 sind.
+Und so geht es weiter, wenn der User dann in Ebene 2 auf Punkt 2 ist.
 === Stoplevel auf 2 ===
@@ Zeile 111: / Zeile 112: @@
 |}
-Jetzt wird im FE die 1. und die 2. Ebene angezeigt. Der Rest ist wie bei Stoplevel 1. Und so geht es weiter, daher lasse ich jetzt an der Stelle weitere Beispiele weg.
+Jetzt wird im FE die 1. und die 2. Ebene angezeigt. Der Rest ist wie bei Stoplevel 1. Und so geht es weiter, daher wird hier auf weitere Beispiele verzichtet.
 == Der Startlevel ==
-Der Startlevel legt fest, ab welchem Level die Menüpunkte angezeigt werden. Genau diese Einstellung brauchen wir, um zum Beispiel ein Untermenü  (früher das Modul "Navigation Untermenü") zu erstellen.
+Der Startlevel legt fest, ab welchem Level die Menüpunkte angezeigt werden. Genau diese Einstellung wird benötigt, um zum Beispiel ein Untermenü  (früher das Modul "Navigation Untermenü") zu erstellen.
 === Startlevel auf 1 ===
@@ Zeile 127: / Zeile 128: @@
 [[Datei:Internetseite_startlevel_1_ebene1_punkt2.png]]
-Ab Level 1 bedeutet also, dass das Menü erst angezeigt wird, wenn wir in Ebene 1 in einem Punkt sind der Unterpunkte hat -
+Ab Level 1 bedeutet also, dass das Menü erst angezeigt wird, wenn man in Ebene 1 in einem Punkt ist, der Unterpunkte hat -
 hier in dem Beispiel also auf Seite Ebene1_Punk2 (in der oberen Navigation zu sehen). Alles, was darunter ist, wird angezeigt - hier in der linken Hauptnavigation, so wie es gerade eingestellt wurde. Wenn man also in Ebene1_Punk4 ist, werden alle Unterpunkte unter Punkt 4 der 1. Ebene angezeigt und so weiter.
@@ Zeile 150: / Zeile 151: @@
 | 3 || 0 || Nein || keine angegeben
 |}
-Und so geht es wieder weiter. Bei Startlevel 3 wird uns das Menü erst angezeigt, wenn unter Ebene 3 noch weitere Unterpunkte sind...
+Und so geht es wieder weiter. Bei Startlevel 3 wird das Menü erst angezeigt, wenn unter Ebene 3 noch weitere Unterpunkte sind...
 == Eine Referenzseite festlegen ==
-"Eine Referenzseite als Quell- oder Zielseite des Moduls festlegen." Mit der Referenzseite legt mal fest, was der Startpunkt der Navigation ist. Sobald man eine '''Referenzseite''' festgelegt hat funktioniert das '''Startlevel''' nicht mehr! Das bildet dann also immer die Ebenen direkt ab der Referenzseite ab.
+"Eine Referenzseite als Quell- oder Zielseite des Moduls festlegen." Mit der Referenzseite legt mal fest, was der Startpunkt der Navigation ist. Sobald man eine '''Referenzseite''' festgelegt hat, funktioniert das '''Startlevel''' nicht mehr! Das bildet dann also immer die Ebenen direkt ab der Referenzseite ab.
 === Referenzseite auf Seite Ebene1_Punk2 ===
@@ Zeile 168: / Zeile 169: @@
 [[Datei:Internetseite_referenzseite_ebene1_punkt3_ebene1_punkt1.png]]
-Jetzt wird unsere Navigation immer die Unterpunkte von Seite Ebene1_Punk2 anzeigen, auch wenn wir auf der Seite Ebene1_Punk1 sind oder irgendwo anderes. Das ist also eine einfache Möglichkeit, so etwas wie eine Service Navigation (mit immer den gleichen Seiten wie Kontakt / Impressum o.ä.) anzulegen. Wenn ich nun dem Modul TL-test_Headernavi die Referenzseite "Service Navi" gebe,
+Jetzt wird die Navigation immer die Unterpunkte von Seite Ebene1_Punk2 anzeigen, auch wenn man auf der Seite Ebene1_Punk1 ist oder irgendwo anderes. Das ist also eine einfache Möglichkeit, so etwas wie eine Service Navigation (mit immer den gleichen Seiten wie Kontakt / Impressum o.ä.) anzulegen. Wenn man nun dem Modul TL-test_Headernavi die Referenzseite "Service Navi" gibt,
 {| class="wikitable"
@@ Zeile 177: / Zeile 178: @@
 |}
-bekomme ich im FE diese Ausgabe:
+bekommt man im FE diese Ausgabe:
 [[Datei:Internetseite_referenzseite_service_navi.png]]
 ==== Theoretisches Beispiel ====
-Wenn wir jetzt eine Internetseite mit 3 Navigationen haben, die gleichzeitig angezeigt werden sollen, kann man also im BE unter der Seitenstruktur 3 verschiedene Seiten anlegen: Menue1 / Menue2 / Menue3, und dann unter diesen Seiten die jeweils gewünschten Unterseiten. Nun legt man 3 Module an, jedes Modul mit einer anderen Referenzseite (Modul1 -> Menue1 etc.). Und schon haben wir auf unserer Internetseite 3 komplett verschiedene Navigationen, die sich nicht gegenseitig beeinflussen.
+Wenn man jetzt eine Internetseite mit 3 Navigationen hat, die gleichzeitig angezeigt werden sollen, kann man also im BE unter der Seitenstruktur 3 verschiedene Seiten anlegen: Menue1 / Menue2 / Menue3, und dann unter diesen Seiten die jeweils gewünschten Unterseiten. Nun legt man 3 Module an, jedes Modul mit einer anderen Referenzseite (Modul1 -> Menue1 etc.). Und schon hat man auf der Internetseite 3 komplett verschiedene Navigationen, die sich nicht gegenseitig beeinflussen.
 == Das Hard Limit ==
-Das Hard Limit legt fest, das keine Menüpunkte (auch keine aktiven Menüpunkte) jenseits des Stoplevels angezeigt werden. Was soll das nun wieder? Wenn wir das Hard Limit einschalten ohne irgendwelche anderen Parameter beim Stoplevel, ändert sich unsere Anzeige überhaupt nicht im Vergleich zu dem Beispiel ohne eingeschaltetes Hard Limit (s.o.).
+Das Hard Limit legt fest, das keine Menüpunkte (auch keine aktiven Menüpunkte) jenseits des Stoplevels angezeigt werden. Was soll das nun wieder? Wenn man das Hard Limit einschaltet, ohne irgendwelche anderen Parameter beim Stoplevel, ändert sich die Anzeige überhaupt nicht im Vergleich zu dem Beispiel ohne eingeschaltetes Hard Limit (s.o.).
 {| class="wikitable"
@@ Zeile 208: / Zeile 209: @@
 [[Datei:Internetseite_stoplevel_1_ebene1_punkt1.png]]
-Jetzt bewirkt das Hard Limit, das keine Seiten unterhalb des Stoplevels angezeigt werden. Hier in dem Beispiel wird nur Ebene 1 angezeigt, auch wenn wir in der Struktur eine oder zwei Ebenen tiefer sind. Das Menü erweitert sich also nicht mehr beim Navigieren.
+Jetzt bewirkt das Hard Limit, das keine Seiten unterhalb des Stoplevels angezeigt werden. Hier in dem Beispiel wird nur Ebene 1 angezeigt, auch wenn man in der Struktur eine oder zwei Ebenen tiefer ist. Das Menü erweitert sich also nicht mehr beim Navigieren.
 '''So kann man dann auch das Modul "Navigation Hauptpunkte" nachbilden.'''

@@ Zeile 293: / Zeile 293: @@
 Tutorial erstellt von --[[Benutzer:MacKP|MacKP]] 22:37, 10. Mär. 2010 (UTC)
-= Wichtige Hinweise (nach TYPOlight Version): =
+= Wichtige Hinweise (nach TYPOlight / Contao Versionen): =
 == TYPOLight 2.8.1 ==
 Hier hat das Navigationsmodul einen Bug, der das richtige Setzen von einer Referenzseite verhindert:

@@ Zeile 214: / Zeile 214: @@
 (Wie sie jetzt gerade auch im Bild oben bei der Headernavi zu sehen ist.)
-== Praxisbeispiele ==
+= Praxisbeispiele =
-=== Hauptmenü / Untermenü / Service Navigation ===
+== Hauptmenü / Untermenü / Service Navigation ==
 {| class="wikitable"
 |+ Hauptmenü
@@ Zeile 243: / Zeile 243: @@
 * Die Service Navigation zeigt nur die Seiten an, die innerhalb der Seite "Service Navi" liegen, also direkt untergeordnet sind. Der Stoplevel und das Hard Limit dienen hier dazu auf keinen Fall Seiten unterhalb dieser anzuzeigen. Ein Beispiel wäre eine "Vielen Dank"-Seite, die innerhalb der "Kontakt"-Seite liegt, um angezeigt zu werden, wenn das Formular erfolgreich versendet wurde.
-=== Hauptmenü bis Ebene 3 und Ebene 4 im Untermenü ===
+== Hauptmenü bis Ebene 3 und Ebene 4 im Untermenü ==
 {| class="wikitable"
 |+ Hauptmenü
@@ Zeile 269: / Zeile 269: @@
 * Das Untermenü zeigt erst die Seiten in Ebene 4 und darunter an. Diese kann man auch wunderbar als Content Element einfach in den Artikeln einbinden, wo man es gerade braucht.
-=== Menü zum Ausklappen (per Hover like Suckerfish oder eine Hybridnavigation etc.) ===
+== Menü zum Ausklappen (per Hover like Suckerfish oder eine Hybridnavigation etc.) ==
 {| class="wikitable"
 |+ Hauptmenü

← Nächstältere Version		Version vom 5. April 2010, 12:58 Uhr
Zeile 304:		Zeile 304:

	Man muss dazu die ModuleNavigation.php in /system/modules/frontend/ bearbeiten.		Man muss dazu die ModuleNavigation.php in /system/modules/frontend/ bearbeiten.
		+
		+
		+	----
		+
		+	--[[Benutzer:MacKP\|MacKP]] 12:58, 5. Apr. 2010 (UTC)

@@ Zeile 138: / Zeile 138: @@
 |}
 FE:
 [[Datei:Internetseite_startlevel_2_ebene2_punkt2.png]]
 Erst wenn Unterpunkte unter Ebene 2 vorhanden sind, wird jetzt das Menü angezeigt - hier in dem Fall bei der Seite Ebene2_Punk2.