Inhaltsverzeichnis
Wrap-Plugin, TL;DR-Version
Mehrspaltiges Layout
<WRAP column 33%>Linke Spalte</WRAP> <WRAP column 33%>Mittlere Spalte</WRAP> <WRAP column 33%>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 kannst du 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 Tabellenzeilen 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 kannst du das Browserfenster schmaler ziehen.
Ausgerichtete Bilder mit Abstand
<WRAP left pad>{{ ... }}</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 flex1 td>Volle Box</WRAP> </WRAP>
1/6-Box
1/3-Box
1/2-Box
Volle Box
Tabellen mit Umrandung
Dieser Stil ist den Nachbar- oder Charakterseiten vorbehalten (dort als nachbarntabelle
).
<WRAP umrandung> ^ Katja ^ | ... | </WRAP>
Ausrichtung von Zelleninhalten
<WRAP zellenunten> | Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile|Text erscheint unten|Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile| </WRAP>
Zeile Zeile Zeile Zeile Zeile | Text erscheint unten | Zeile Zeile Zeile Zeile Zeile |
Links mit Icon
Dieser Stil ist den Übersichtsseiten für Bereiche vorbehalten.
Link auf <wrap iconbutton>{{...0x25}}\_[[acnl:olli|Spielanfang]]</wrap>
Link auf
Bildgröße in Tabellen fixieren
Garantiert, dass Bilder in einer Tabelle in der gewünschten Größe dargestellt werden.
<WRAP noresize> | {{...}} | </WRAP>
Bilder ohne Interpolation skalieren
Sprites aus älteren Spielen, die vergrößert angezeigt werden sollen, können so eingebunden werden.
<wrap pixel 256px>{{...}}</wrap>
Mehrspaltige Listen
<WRAP listcolumns3> * Eins * Zwei * Drei * ... </WRAP>
Mit listcolumns2
bis listcolumns5
lassen sich lange Listen in mehreren Spalten anzeigen.
- Eins
- Zwei
- Drei
- Vier
- Fünf
- Sechs
- Sieben
- Acht
- Neun
- Zehn
Kompakte Tabellen
<WRAP kompakttabelle> | ...| </WRAP>
Entfernt den Innenabstand von Tabellenzellen. Zurzeit den Wettermustern vorenthalten, wo diese lediglich Symbole enthalten.