Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
wiki:teigtasche [14.10.2013 21:10] – tanii | wiki:teigtasche [06.12.2022 03:45] (aktuell) – kompakttabelle dokumentiert nmh | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Wrap-Plugin, | ====== Wrap-Plugin, | ||
- | <WRAP clear></ | + | ===== Mehrspaltiges Layout ===== |
- | ===== Neue Startseite ===== | + | <WRAP column 33%> |
+ | <WRAP column 33%> | ||
+ | <WRAP column 33%> | ||
+ | | ||
- | <WRAP uebersicht uacnl> | + | <WRAP clear/> |
- | |<wrap sta> | + | |
- | |<wrap bes> | + | |
- | |<wrap nac> | + | |
- | |<wrap fot> | + | |
- | |<wrap fei> | + | |
- | </ | + | |
- | <WRAP clear></WRAP> | + | |
- | <WRAP uebersicht uaccf> | ||
- | |<wrap sta> | ||
- | |<wrap bes> | ||
- | |<wrap nac> | ||
- | |<wrap fei> | ||
- | |<wrap rat> | ||
- | </ | ||
- | <WRAP clear></ | ||
- | ===== Elastische Bilder ===== | + | <WRAP clear/> |
- | <WRAP elastischebilder> | + | <WRAP column |
- | Tabelle | + | **Linke Spalte**\\ |
- | </ | + | |
- | + | ||
- | <WRAP elastischebilder> | + | |
- | |Museumsboden|{{: | + | |
- | |Farbklecksboden|{{: | + | |
- | |Meeresboden|{{: | + | |
- | |Dschungelboden|{{: | + | |
- | |Fossilienboden|{{: | + | |
- | </ | + | |
- | + | ||
- | ===== Mehrspaltiges Layout ===== | + | |
- | + | ||
- | <WRAP column 30%> | + | |
- | <WRAP column 30%> | + | |
- | <WRAP column 30%> | + | |
- | <WRAP clear></ | + | |
- | + | ||
- | + | ||
- | <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 59: | 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 72: | 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 85: | 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!** |