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 [22.07.2019 14:12] – Leerzeichen entfernt 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 column 30%>Rechte Spalte</WRAP> 
-  <WRAP clear/> 
  
 +<WRAP clear/>
  
-<WRAP column 30%> +<WRAP column 33%> 
-**Linke Spalte**\\ +**Linke Spalte**\\
 La lalalalala lala lalala la La lalalalala lala lalala la
 La lalalalala lala lalala la La lalalalala lala lalala la
Zeile 37: Zeile 28:
 </WRAP> </WRAP>
  
-<WRAP column 30%> +<WRAP column 33%> 
-**Mittlere Spalte**\\ +**Mittlere Spalte**\\
 La lalalalala lala lalala la La lalalalala lala lalala la
 La lalalalala lala lalala la La lalalalala lala lalala la
Zeile 51: Zeile 42:
 </WRAP> </WRAP>
  
-<WRAP column 30%> +<WRAP column 33%> 
-**Rechte Spalte**\\ +**Rechte Spalte**\\
 La lalalalala lala lalala la La lalalalala lala lalala la
 La lalalalala lala lalala la La lalalalala lala lalala la
Zeile 64: Zeile 55:
 La lalalalala lala lalala la La lalalalala lala lalala la
 </WRAP> </WRAP>
 +
 <WRAP clear/> <WRAP clear/>
-  + 
-Das %%<WRAP clear/>%% 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 =====
Zeile 73: Zeile 69:
  
 <WRAP round tip> <WRAP round tip>
-Auf der Insel kann man mit Käfern viel Geld verdienen.+Auf der Insel kannst du mit Käfern viel Geld verdienen.
 **Den Trick kennt aber leider schon __jeder__!** **Den Trick kennt aber leider schon __jeder__!**
 </WRAP> </WRAP>
Zeile 87: 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 101: 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. +//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.//+Dies ist nützlich, wenn Tabellen nicht für Datensondern als Layoutelement verwendet werden.//
  
   <WRAP keinhover>   <WRAP keinhover>
Zeile 116: 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>
Zeile 122: Zeile 118:
 <WRAP nomobile> <WRAP nomobile>
 Diesen Text sieht man auf dem Handy nicht! Diesen Text sieht man auf dem Handy nicht!
-Zum Testen das Browserfenster schmaler ziehen.+Zum Testen kannst du das Browserfenster schmaler ziehen.
 </WRAP> </WRAP>
  
 ===== Ausgerichtete Bilder mit Abstand ===== ===== Ausgerichtete Bilder mit Abstand =====
  
-  <WRAP left pad>{{ ZENTRIERTES_BILD }}</WRAP>+  <WRAP left pad>{{ ... }}</WRAP>
  
 <WRAP left pad>{{ acnl:katalog:einrichtung:3316.png }}</WRAP> <WRAP left pad>{{ acnl:katalog:einrichtung:3316.png }}</WRAP>
Zeile 140: Zeile 136:
   <WRAP flex3 th>1/3-Box</WRAP>   <WRAP flex3 th>1/3-Box</WRAP>
   <WRAP flex2 th>1/2-Box</WRAP>   <WRAP flex2 th>1/2-Box</WRAP>
 +  <WRAP flex1 td>Volle Box</WRAP>
   </WRAP>   </WRAP>
  
Zeile 146: Zeile 143:
 <WRAP flex3 th>1/3-Box</WRAP> <WRAP flex3 th>1/3-Box</WRAP>
 <WRAP flex2 th>1/2-Box</WRAP> <WRAP flex2 th>1/2-Box</WRAP>
 +<WRAP flex1 td>Volle Box</WRAP>
 </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.