Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
| wiki:teigtasche [15.10.2013 02:41] – nmh | wiki:teigtasche [06.12.2022 03:45] (aktuell) – kompakttabelle dokumentiert nmh | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| ====== Wrap-Plugin, | ====== Wrap-Plugin, | ||
| - | ===== Elastische Bilder | + | ===== Mehrspaltiges Layout |
| - | < | + | < |
| - | | + | |
| - | </ | + | |
| + | | ||
| - | < | + | < |
| - | |Museumsboden|{{: | + | |
| - | |Farbklecksboden|{{: | + | |
| - | |Meeresboden|{{: | + | |
| - | |Dschungelboden|{{: | + | |
| - | |Fossilienboden|{{: | + | |
| - | </WRAP> | + | |
| - | ===== Mehrspaltiges Layout ===== | ||
| - | <WRAP column 30%> | + | |
| - | < | + | <WRAP clear/> |
| - | <WRAP column 30%> | + | |
| - | | + | <WRAP column |
| - | + | **Linke Spalte**\\ | |
| - | | + | |
| - | <WRAP column | + | |
| - | **Linke Spalte**\\ | + | |
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| Zeile 36: | Zeile 27: | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| </ | </ | ||
| - | <WRAP column | + | |
| - | **Mittlere Spalte**\\ | + | <WRAP column |
| + | **Mittlere Spalte**\\ | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| Zeile 49: | Zeile 41: | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| </ | </ | ||
| - | <WRAP column | + | |
| - | **Rechte Spalte**\\ | + | <WRAP column |
| + | **Rechte Spalte**\\ | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| Zeile 62: | Zeile 55: | ||
| La lalalalala lala lalala la | La lalalalala lala lalala la | ||
| </ | </ | ||
| - | <WRAP clear></WRAP> | + | |
| - | + | <WRAP clear/> | |
| - | Das %%<WRAP clear></WRAP>%% ist notwendig damit der folgende Inhalt nicht auch in eine Spalte rutscht | + | |
| + | Das %% | ||
| + | |||
| + | <WRAP clear/> | ||
| + | |||
| + | %% ist notwendig, damit der folgende Inhalt nicht auch in eine Spalte rutscht. | ||
| ===== Tipp-/ | ===== Tipp-/ | ||
| - | <WRAP tip> | + | < |
| + | |||
| + | <WRAP round tip> | ||
| + | Auf der Insel kannst du mit Käfern viel Geld verdienen. | ||
| + | **Den Trick kennt aber leider schon __jeder__!** | ||
| + | </ | ||
| + | |||
| + | ===== Warnungsbox ===== | ||
| + | |||
| + | <WRAP round alert> | ||
| + | |||
| + | <WRAP round alert> | ||
| + | |||
| + | ===== Leere Tabellenzellen ausblenden ===== | ||
| + | |||
| + | <WRAP leerezellen> | ||
| + | ^Tabelle^mit^leeren^Zellen^ | ||
| + | | 3|2|1| | | ||
| + | | 2|1| | | | ||
| + | | 1| | | | | ||
| + | </ | ||
| + | |||
| + | <WRAP leerezellen> | ||
| + | ^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 keinhover> | ||
| + | ^Tabelle ohne Effekt^ | ||
| + | | {{acnl: | ||
| + | </ | ||
| + | |||
| + | ===== Elemente auf dem Handy ausblenden ===== | ||
| + | |||
| + | //Alles, was in diesem Element steht, wird auf der Handyversion der Seite ausgeblendet.// | ||
| + | |||
| + | <WRAP nomobile> | ||
| + | |||
| + | <WRAP nomobile> | ||
| + | Diesen Text sieht man auf dem Handy nicht! | ||
| + | Zum Testen kannst du das Browserfenster schmaler ziehen. | ||
| + | </ | ||
| + | |||
| + | ===== Ausgerichtete Bilder mit Abstand ===== | ||
| + | |||
| + | <WRAP left pad>{{ ... }}</ | ||
| + | |||
| + | <WRAP left pad>{{ acnl: | ||
| + | |||
| + | Der Text umfließt das linksausgerichtete %%< | ||
| + | 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> | ||
| + | <WRAP flex3 th> | ||
| + | <WRAP flex2 th> | ||
| + | <WRAP flex1 td>Volle Box</ | ||
| + | </ | ||
| + | |||
| + | <WRAP flex-container> | ||
| + | <WRAP flex6 th> | ||
| + | <WRAP flex3 th> | ||
| + | <WRAP flex2 th> | ||
| + | <WRAP flex1 td>Volle Box</ | ||
| + | </ | ||
| + | |||
| + | ===== Tabellen mit Umrandung ===== | ||
| + | |||
| + | Dieser Stil ist den Nachbar- oder Charakterseiten vorbehalten (dort als '' | ||
| + | |||
| + | <WRAP umrandung> | ||
| + | ^ Katja ^ | ||
| + | | ... | | ||
| + | </ | ||
| + | |||
| + | <WRAP umrandung> | ||
| + | <WRAP left pad 33%> | ||
| + | ^ Kitty ^ | ||
| + | | {{: | ||
| + | |Das ist Kitty, die Mutter von Katja.| | ||
| + | </ | ||
| + | |||
| + | <WRAP left pad 33%> | ||
| + | ^ Flip ^ | ||
| + | | {{: | ||
| + | |Flip, der kräftige Affe| | ||
| + | </ | ||
| + | |||
| + | <WRAP left 33%> | ||
| + | ^ Grazia | ||
| + | | {{: | ||
| + | |Grazia ist ein angeberisches Pferd, das Mode liebt.| | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | <WRAP clear/> | ||
| + | |||
| + | ===== Ausrichtung von Zelleninhalten ===== | ||
| + | |||
| + | <WRAP zellenunten> | ||
| + | | Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile|Text erscheint unten|Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile| | ||
| + | </ | ||
| + | |||
| + | <WRAP zellenunten> | ||
| + | |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> | ||
| + | |||
| + | Link auf <wrap iconbutton> | ||
| + | |||
| + | ===== Bildgröße in Tabellen fixieren ===== | ||
| + | |||
| + | Garantiert, dass Bilder in einer Tabelle in der gewünschten Größe dargestellt werden. | ||
| + | |||
| + | <WRAP noresize> | ||
| + | | {{...}} | | ||
| + | </ | ||
| + | |||
| + | ===== Bilder ohne Interpolation skalieren ===== | ||
| + | |||
| + | Sprites aus älteren Spielen, die vergrößert angezeigt werden sollen, können so eingebunden werden. | ||
| + | |||
| + | <wrap pixel 256px> | ||
| + | |||
| + | <wrap pixel 256px> | ||
| + | |||
| + | ===== Mehrspaltige Listen ===== | ||
| + | |||
| + | <WRAP listcolumns3> | ||
| + | * Eins | ||
| + | * Zwei | ||
| + | * Drei | ||
| + | * ... | ||
| + | </ | ||
| + | |||
| + | Mit '' | ||
| + | |||
| + | <WRAP listcolumns3> | ||
| + | * Eins | ||
| + | * Zwei | ||
| + | * Drei | ||
| + | * Vier | ||
| + | * Fünf | ||
| + | * Sechs | ||
| + | * Sieben | ||
| + | * Acht | ||
| + | * Neun | ||
| + | * Zehn | ||
| + | </ | ||
| + | |||
| + | ===== Kompakte Tabellen ===== | ||
| + | |||
| + | <WRAP kompakttabelle> | ||
| + | | ...| | ||
| + | | ||
| - | <WRAP tip>Auf der Insel kann man mit Käfern viel Geld verdienen. **Den Trick kennt aber leider schon __jeder__!**</ | + | Entfernt den Innenabstand von Tabellenzellen. |
| + | Zurzeit den [[acnh: | ||
| - | < | ||
| - | **Der Fehler mit den breiten Tabellen wurde behoben!** | ||