Benutzer-Werkzeuge

Webseiten-Werkzeuge


Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
wiki:teigtasche [29.03.2015 21:06] – Neue Elemente hinzugefügt nmhwiki:teigtasche [06.12.2022 03:45] (aktuell) – kompakttabelle dokumentiert nmh
Zeile 1: Zeile 1:
 ====== Wrap-Plugin, TL;DR-Version ====== ====== Wrap-Plugin, TL;DR-Version ======
  
-===== Elastische Bilder =====+===== Mehrspaltiges Layout =====
  
-  <WRAP elastischebilder+  <WRAP column 33%>Linke Spalte</WRAP
-  Tabelle +  <WRAP column 33%>Mittlere Spalte</WRAP> 
-  </WRAP>+  <WRAP column 33%>Rechte Spalte</WRAP> 
 +  
  
-<WRAP elastischebilder> +<WRAP clear/>
-|Museumsboden|{{:acnl:katalog:teppiche:860.png}}|-|1.600 ★| +
-|Farbklecksboden|{{:acnl:katalog:teppiche:836.png}}|20 Skulpturen oder Gemälde gespendet|1.600 ★| +
-|Meeresboden|{{:acnl:katalog:teppiche:834.png}}|50 Fische gespendet|1.600 ★| +
-|Dschungelboden|{{:acnl:katalog:teppiche:833.png}}|50 Insekten gespendet|1.600 ★| +
-|Fossilienboden|{{:acnl:katalog:teppiche:835.png}}|50 Fossilien gespendet|1.600 ★| +
-</WRAP>+
  
-===== Mehrspaltiges Layout ===== 
  
-  <WRAP column 30%>Linke Spalte</WRAP> + 
-  <WRAP column 30%>Mittlere Spalte</WRAP> +<WRAP clear/> 
-  <WRAP column 30%>Rechte Spalte</WRAP> + 
-  <WRAP clear></WRAP+<WRAP column 33%> 
-   +**Linke Spalte**\\
-   +
-<WRAP column 30%> +
-**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> </WRAP>
-<WRAP column 30%> + 
-**Mittlere Spalte**\\ +<WRAP column 33%> 
 +**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> </WRAP>
-<WRAP column 30%> + 
-**Rechte Spalte**\\ +<WRAP column 33%> 
 +**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> </WRAP>
-<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 notwendigdamit der folgende Inhalt nicht auch in eine Spalte rutscht.
  
 ===== Tipp-/Idee-/Infobox ===== ===== Tipp-/Idee-/Infobox =====
  
-  <WRAP tip>...</WRAP>+  <WRAP round tip>...</WRAP>
  
-<WRAP tip>Auf der Insel kann man mit Käfern viel Geld verdienen. **Den Trick kennt aber leider schon __jeder__!**</WRAP>+<WRAP round tip> 
 +Auf der Insel kannst du mit Käfern viel Geld verdienen. 
 +**Den Trick kennt aber leider schon __jeder__!** 
 +</WRAP>
  
 ===== Warnungsbox ===== ===== Warnungsbox =====
  
-  <WRAP alert>...</WRAP>+  <WRAP round alert>...</WRAP>
  
-<WRAP alert>**Achtung, Grazia ist ausgebrochen!!!**</WRAP>+<WRAP round alert>**Achtung, Grazia ist ausgebrochen!!!**</WRAP>
  
 ===== Leere Tabellenzellen ausblenden ===== ===== Leere Tabellenzellen ausblenden =====
Zeile 82: Zeile 83:
   <WRAP leerezellen>   <WRAP leerezellen>
   ^Tabelle^mit^leeren^Zellen^   ^Tabelle^mit^leeren^Zellen^
-  |3|2|1| | +  | 3|2|1| | 
-  |2|1| | | +  | 2|1| | | 
-  |1| | | |+  | 1| | | |
   </WRAP>   </WRAP>
  
Zeile 96: Zeile 97:
 ===== Farbeffekt bei Tabellenzeilen unterdrücken ===== ===== 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.//+//Beim Überfahren der Tabellenzeilen mit der Maus ändert sich die Farbe der Zellen nicht. 
 +Dies ist nützlich, wenn Tabellen nicht für Datensondern als Layoutelement verwendet werden.//
  
   <WRAP keinhover>   <WRAP keinhover>
Zeile 110: Zeile 112:
 ===== Elemente auf dem Handy ausblenden ===== ===== Elemente auf dem Handy ausblenden =====
  
-//Alles was in diesem Element steht wird auf der Handyversion der Seite ausgeblendet.//+//Alleswas in diesem Element stehtwird auf der Handyversion der Seite ausgeblendet.//
  
   <WRAP nomobile>...</WRAP>   <WRAP nomobile>...</WRAP>
  
-<WRAP nomobile>Diesen Text sieht man auf dem Handy nicht! Zum Testen das Browserfenster schmaler ziehen.</WRAP>+<WRAP nomobile> 
 +Diesen Text sieht man auf dem Handy nicht! 
 +Zum Testen kannst du das Browserfenster schmaler ziehen. 
 +</WRAP> 
 + 
 +===== Ausgerichtete Bilder mit Abstand ===== 
 + 
 +  <WRAP left pad>{{ ... }}</WRAP> 
 + 
 +<WRAP left pad>{{ acnl:katalog:einrichtung:3316.png }}</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> 
 + 
 +<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> 
 + 
 +===== Tabellen mit Umrandung ===== 
 + 
 +Dieser Stil ist den Nachbar- oder Charakterseiten vorbehalten (dort als ''nachbarntabelle''). 
 + 
 +  <WRAP umrandung> 
 +  ^  Katja  ^ 
 +  | ... | 
 +  </WRAP> 
 + 
 +<WRAP umrandung> 
 +<WRAP left pad 33%> 
 +^  Kitty  ^ 
 +|  {{:acnl:besucher:katja.png?direct&100|Das ist Kitty, die Mutter von Katja.}} 
 +|Das ist Kitty, die Mutter von Katja.| 
 +</WRAP> 
 + 
 +<WRAP left pad 33%> 
 +^  Flip  ^ 
 +|  {{:acnl:bewohner:flip.png?direct&100|Flip, der kräftige Affe}} 
 +|Flip, der kräftige Affe| 
 +</WRAP> 
 + 
 +<WRAP left 33%> 
 +^  Grazia 
 +|  {{:acnl:bewohner:grazia.png?direct&100|Grazia ist ein angeberisches Pferd, das Mode liebt.}} 
 +|Grazia ist ein angeberisches Pferd, das Mode liebt.| 
 +</WRAP> 
 + 
 +</WRAP> 
 + 
 +<WRAP clear/> 
 + 
 +===== Ausrichtung von Zelleninhalten ===== 
 + 
 +  <WRAP zellenunten> 
 +  | Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile|Text erscheint unten|Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile| 
 +  </WRAP> 
 + 
 +<WRAP zellenunten> 
 +|Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile|Text erscheint unten|Zeile\\ Zeile\\ Zeile\\ Zeile\\ Zeile| 
 +</WRAP> 
 + 
 +===== Links mit Icon ===== 
 + 
 +Dieser Stil ist den Übersichtsseiten für Bereiche vorbehalten. 
 + 
 +  Link auf <wrap iconbutton>{{...0x25}}\_[[acnl:olli|Spielanfang]]</wrap> 
 + 
 +Link auf <wrap iconbutton>{{acnl:start:olli.png?0x25}}\_[[acnl:olli|Spielanfang]]</wrap> 
 + 
 +===== 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> 
 + 
 +<wrap pixel 256px>{{:acww:sigrid:rotruebe.png}}</wrap> 
 + 
 +===== Mehrspaltige Listen ===== 
 + 
 +  <WRAP listcolumns3> 
 +    * Eins 
 +    * Zwei 
 +    * Drei 
 +    * ... 
 +  </WRAP> 
 + 
 +Mit ''listcolumns2'' bis ''listcolumns5'' lassen sich lange Listen in mehreren Spalten anzeigen. 
 + 
 +<WRAP listcolumns3> 
 +  * Eins 
 +  * Zwei 
 +  * Drei 
 +  * Vier 
 +  * Fünf 
 +  * Sechs 
 +  * Sieben 
 +  * Acht 
 +  * Neun 
 +  * Zehn 
 +</WRAP> 
 + 
 +===== Kompakte Tabellen ===== 
 + 
 +  <WRAP kompakttabelle> 
 +  | ...| 
 +  </WRAP> 
 + 
 +Entfernt den Innenabstand von Tabellenzellen. 
 +Zurzeit den [[acnh:wettermuster|Wettermustern]] vorenthalten, wo diese lediglich Symbole enthalten.