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 [13.10.2013 20:05] 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 ======
  
-<WRAP clear></WRAP>+===== Mehrspaltiges Layout =====
  
-===== Neue Startseite =====+  <WRAP column 33%>Linke Spalte</WRAP> 
 +  <WRAP column 33%>Mittlere Spalte</WRAP> 
 +  <WRAP column 33%>Rechte Spalte</WRAP> 
 +  
  
-<WRAP left 18%>[[ac:wildworld|{{:acwwlogo.png?nolink}}]]</WRAP> +<WRAP clear/>
-<WRAP uebersicht> +
-|<wrap sta>[[acww:stadtbewohner]]</wrap>                                      ||<wrap kat>[[acww:katalog]]</wrap>                                               ||<wrap hau>[[acww:rund_ums_haus]]</wrap>                                    || +
-|<wrap bes>[[acww:besondere_besucher|Besucher]]</wrap>                        ||<wrap fis>[[acww:fische]]</wrap>|<wrap ins>[[acww:insekten]]</wrap>           |<wrap ges>[[acww:gesichter|]]</wrap>                                       || +
-|<wrap nac>[[acww:nachbarn]]</wrap>                                           ||<wrap fos>[[acww:fossilien]]</wrap>|<wrap bes>[[acww:reiner|Gemälde]]</wrap>|<wrap fri>[[acww:trude|Frisuren]]</wrap>                                   || +
-|<wrap fot>[[acww:fotos|Fotos]]</wrap>                                        ||<wrap wer>[[acww:goldene_werkzeuge]]</wrap>                                    ||<wrap him>[[acww:himmelunderde]]</wrap>                                    || +
-|<wrap fei>[[acww:feiertage]]</wrap>|<wrap c6 rat>[[acww:pelly|Rathaus]]</wrap>|<wrap blu>[[acww:blumen_zuechten]]</wrap>                                       ||<wrap des>[[acww:designs|Designs]]</wrap>|<wrap fil>[[acww:film|Film]]</wrap>+
-</WRAP> +
-<WRAP clear></WRAP>+
  
  
-<WRAP uebersicht center 80%> 
-|{{baumicon.png?nolink }}<wrap c1>[[acnl:einkaufsmeile]]</wrap>||{{baumicon.png?nolink }}<wrap c2>[[acnl:stadtbewohner]]</wrap>|{{baumicon.png?nolink }}<wrap c3>[[acnl:besucher]]</wrap>|{{baumicon.png?nolink }}<wrap c4>[[acnl:nachbarn]]</wrap>| 
-|{{baumicon.png?nolink }}<wrap c5>[[acnl:fische]]</wrap>|{{baumicon.png?nolink }}<wrap c6>[[acnl:insekten]]</wrap>|{{baumicon.png?nolink }}<wrap c5>[[acnl:meerestiere]]</wrap>|{{baumicon.png?nolink }}<wrap c6>[[acnl:frucht]]</wrap>|| 
-|{{baumicon.png?nolink }}<wrap c7>[[acnl:mineralien]]</wrap>||{{baumicon.png?nolink }}<wrap c8>[[acnl:cafe]]</wrap>|{{baumicon.png?nolink }}<wrap c7>[[acnl:insel]]</wrap>|{{baumicon.png?nolink }}<wrap c8>[[acnl:fundgrube]]</wrap>| 
-|{{baumicon.png?nolink }}<wrap c9>[[acnl:schneiderei]]</wrap>||{{baumicon.png?nolink }}<wrap c10>[[acnl:werkzeug]]</wrap>|{{baumicon.png?nolink }}<wrap c11>[[acnl:buergermeister]]</wrap>|{{baumicon.png?nolink }}<wrap c12>[[acnl:unterschiede|Unterschiede]]</wrap>| 
-</WRAP> 
  
-  <WRAP uebersicht> +<WRAP clear/>
-  |{{ICON.png?nolink }}<wrap c1>[[LINK]]</wrap>| +
-  </WRAP>+
  
-Es gibt momentan 12 Farben, c1-c12 +<WRAP column 33%> 
- +**Linke Spalte**\\
-===== Elastische Bilder ===== +
- +
-  <WRAP elastischebilder> +
-  Tabelle +
-  </WRAP> +
- +
-<WRAP elastischebilder> +
-|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> +
-   +
-   +
-<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 64: 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 77: 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 90: 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 round tip> 
 +Auf der Insel kannst du mit Käfern viel Geld verdienen. 
 +**Den Trick kennt aber leider schon __jeder__!** 
 +</WRAP> 
 + 
 +===== Warnungsbox ===== 
 + 
 +  <WRAP round alert>...</WRAP> 
 + 
 +<WRAP round alert>**Achtung, Grazia ist ausgebrochen!!!**</WRAP> 
 + 
 +===== Leere Tabellenzellen ausblenden ===== 
 + 
 +  <WRAP leerezellen> 
 +  ^Tabelle^mit^leeren^Zellen^ 
 +  | 3|2|1| | 
 +  | 2|1| | | 
 +  | 1| | | | 
 +  </WRAP> 
 + 
 +<WRAP leerezellen> 
 +^Tabelle^mit^leeren^Zellen^ 
 +|3|2|1| | 
 +|2|1| | | 
 +|1| | | | 
 +</WRAP> 
 + 
 +===== 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> 
 + 
 +<WRAP keinhover> 
 +^Tabelle ohne Effekt^ 
 +| {{acnl:katalog:einrichtung:3316.png}} | 
 +</WRAP> 
 + 
 +===== Elemente auf dem Handy ausblenden ===== 
 + 
 +//Alles, was in diesem Element steht, wird auf der Handyversion der Seite ausgeblendet.// 
 + 
 +  <WRAP nomobile>...</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>
  
-<WRAP tip>Auf der Insel kann man mit Käfern viel Geld verdienen**Den Trick kennt aber leider schon __jeder__!**</WRAP>+Entfernt den Innenabstand von Tabellenzellen. 
 +Zurzeit den [[acnh:wettermuster|Wettermustern]] vorenthalten, wo diese lediglich Symbole enthalten.
  
-<del>Das Symbol wird noch angepasst.</del>\\  
-**Der Fehler mit den breiten Tabellen wurde behoben!**