![]() | This article is only a draft. Information provided here is most possibly incomplete and/or imprecise. Feel free to help us by expanding it. |
![]() | This article is a stub. You can help us by expanding it. |
Kurzer Einleitungstext
Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]
- Stichpunktartige Auflistung
- aller Arbeitsschritte
Schritt für Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]
In Typo3 können Sie Inhaltselemente wie "Text mit Bild" oder "Accordion" oder die verschiedenen Hinweisboxen per "Drag and Drop" zwischen den Reihen und Spalten, die durch das jeweils gewählte Seitenlayout vorgegeben sind, verschieben. Für das folgende Beispiel wurde das Seitenlayout "Inhaltsseite – 100 % und 3 Reihen 33%-33%-33%" ausgewählt und gespeichert. Bei diesem Layout können in der oberen Reihe Texte und Bilder untergebracht werden, darunter in drei Reihen und drei Spalten Hinweisboxen:
![Abbildung 1 Abbildung 1](/images/c/c8/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_1.jpg)
Klickt man nun in der Ansicht "Seite" im Seitenbaum auf die Seite "Seite 2", so werden unter "Spalten" die Anordnung der Reihen und Spalten dieser Seite sowie die Buttons zum Einfügen von Inhaltselementen angezeigt:
In diesem Beispiel sind anschließend die Elemente "Text mit Bild" und "Accordion", die Hinweisboxen mit Bild und mit Icon sowie die Hinweisbox "Kurzer Text" eingefügt worden:
![Abbildung 3 Abbildung 3](/images/6/69/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_3.jpg)
Die Webansicht sieht dann wie folgt aus, wobei die Frontend-Ansicht die Reihen- und Spaltenstruktur der Backend-Ansicht wegen der Leerzellen nicht exakt widerspiegelt:
![Abbildung 4 Abbildung 4](/images/e/ed/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_4.jpg)
Wenn man nun den Mauszeiger auf dem Element "Accordion" platziert und ihn gedrückt hält, kann man das Inhaltselement nach oben über das Inhaltselement "Text mit Bild" verschieben. Sobald bzw. erst wenn der zunächst hellgrüne Balken über dem Element "Text mit Bild" dunkelgrün wird, kann man das Element "Accordion" ablegen.
![Abbildung 5 Abbildung 5](/images/f/fb/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_5.jpg)
Es erscheint dann über dem Element "Text mit Bild":
![Abbildung 6 Abbildung 6](/images/b/bb/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_6.jpg)
Auf die gleiche Weise kann man die Hinweisboxen verschieben, und zwar - da es sich um drei Spalten handelt, nicht um eine Spalte - sowohl nach oben oder unten als auch nach links oder rechts:
![Abbildung 7 Abbildung 7](/images/1/1b/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_7.jpg)
Und so sieht die Webansicht nach dem Verschieben der Hinweisbox mit Icon aus:
![Abbildung 8 Abbildung 8](/images/7/72/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_8.jpg)
Die Zellen des Seitenlayouts können übrigens mehrere Inhaltselemente enthalten. Deshalb kann man auch in eine Zelle, die schon ein Inhaltselement enthält, ein Inhaltselement verschieben, z. B. die Hinweisbox "Kurzer Text" in die Zelle, die bereits die Hinweisbox mit Bild enthält, und zwar wahlweise über oder unter - hier unter - diese Hinweisbox:
![Abbildung 9 Abbildung 9](/images/e/e6/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_9.jpg)
Das Ergebnis sieht im Editor folgendermaßen aus:
![Abbildung 10 Abbildung 10](/images/4/4e/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_10.jpg)
Und das ist die Webansicht:
![Abbildung 11 Abbildung 11](/images/c/cf/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_11.jpg)
In diesem Beispiel sieht die Platzierung zweier Boxen in einer Zelle noch erträglich aus, weil beide Boxen sehr niedrig sind. Ansprechender ist es freilich, in jeder Zelle nur eine einzige Hinweisbox zu platzieren. Das hat den Vorteil, dass alle Boxen einer Reihe unten bündig abschließen können. Andererseits sollte jede Zelle einer Reihe - sofern die Reihe überhaupt Boxen aufweist - mindestens eine Box enthalten, damit keine unschönen Leerräume entstehen. Man sollte folglich eine der beide Boxen der linken Spalte in die mittlere Spalte derselben Reihe verschieben:
![Abbildung 12 Abbildung 12](/images/0/0c/Screenshot_Webanwendungen_Typo3_Inhaltselemente_verschieben_12.jpg)
Und das ist dann die Webansicht:
Siehe auch[Bearbeiten | Quelltext bearbeiten]
Weiter interessante Artikel verlinken