Dies ist eine alte Version des Dokuments!
Inhaltsverzeichnis
Wrap-Plugin, TL;DR-Version
Mehrspaltiges Layout
<WRAP column 30%>Linke Spalte</WRAP> <WRAP column 30%>Mittlere Spalte</WRAP> <WRAP column 30%>Rechte Spalte</WRAP>
Linke Spalte
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
Mittlere Spalte
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
Rechte Spalte
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
La lalalalala lala lalala la
Das <WRAP clear/> ist notwendig damit der folgende Inhalt nicht auch in eine Spalte rutscht.
Tipp-/Idee-/Infobox
<WRAP round tip>...</WRAP>
Auf der Insel kann man mit Käfern viel Geld verdienen. Den Trick kennt aber leider schon jeder!
Warnungsbox
<WRAP round alert>...</WRAP>
Achtung, Grazia ist ausgebrochen!!!
Leere Tabellenzellen ausblenden
<WRAP leerezellen> ^Tabelle^mit^leeren^Zellen^ | 3|2|1| | | 2|1| | | | 1| | | | </WRAP>
| Tabelle | mit | leeren | Zellen |
|---|---|---|---|
| 3 | 2 | 1 | |
| 2 | 1 | ||
| 1 |
Farbeffekt bei Tabellenzeilen unterdrücken
Beim überfahren der Tabellenzelien mit der Maus ändert sich die Farbe der Zellen nicht. Dies ist nützlich, wenn Tabellen nicht für Daten sondern als Layoutelement verwendet werden.
<WRAP keinhover> ^Tabelle^ ^ | ... | | </WRAP>
| Tabelle ohne Effekt |
|---|
 |
Elemente auf dem Handy ausblenden
Alles was in diesem Element steht wird auf der Handyversion der Seite ausgeblendet.
<WRAP nomobile>...</WRAP>
Diesen Text sieht man auf dem Handy nicht! Zum Testen das Browserfenster schmaler ziehen.
Ausgerichtete Bilder mit Abstand
<WRAP left pad>{{ ZENTRIERTES_BIld }}</WRAP>
Der Text umfließt das linksausgerichtete <WRAP> mit Seitenabstand. In der mobilen Ansicht nimmt es die komplette Breite ein und das eingeschlossene Bild nimmt seine ursprüngliche Ausrichtung (zentriert) an.
Flexible Boxen
<WRAP flex-container> <WRAP flex6 th>1/6-Box</WRAP> <WRAP flex3 th>1/3-Box</WRAP> <WRAP flex2 th>1/2-Box</WRAP> </WRAP>
1/6-Box
1/3-Box
1/2-Box