Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
plugins:wrap [03.05.2024 19:44] – [WRAP ohne Attribut] Nikolaus Müller-Bücheleplugins:wrap [24.09.2024 22:14] (aktuell) Nikolaus Müller-Büchele
Zeile 10: Zeile 10:
 <grid> <grid>
 <col sm="12" md="6"> <col sm="12" md="6">
-Alle mit diesem Plugin gestalteten Elemente werden mit einem %%<WRAP>%%-Tag umschlossen, das durch Attribute erweitert wird.+Alle mit diesem Plugin gestalteten Elemente werden mit einem ''%%<WRAP>%%''-Tag umschlossen, das durch Attribute erweitert wird.
  
 Man unterscheidet:  Man unterscheidet: 
Zeile 60: Zeile 60:
 <grid> <grid>
 <col sm="12" md="6"> <col sm="12" md="6">
-<WRAP col3>Moderne Browse (Firefox, Chrome, Safari, ...) unterstützen Mehrspaltigkeit.\\ Schreiben Sie einfach **''%%col2%%''** für 2 Spalten, **''%%col3%%''** für 3 Spalten, **''%%col4%%''** für 4 Spalten und **''%%col5%%''** für 5 Spalten.\\ Die Inhalte werden automatisch auf die Spalten verteilt.</WRAP>+<WRAP col3>Moderne Browser (Firefox, Chrome, Safari, ...) unterstützen Mehrspaltigkeit.\\ Schreiben Sie einfach **''%%col2%%''** für 2 Spalten, **''%%col3%%''** für 3 Spalten, **''%%col4%%''** für 4 Spalten und **''%%col5%%''** für 5 Spalten.\\ Die Inhalte werden automatisch auf die Spalten verteilt.</WRAP>
 </col> </col>
 <col sm="12" md="6"> <col sm="12" md="6">
Zeile 68: Zeile 68:
  
 ===== Boxen ===== ===== Boxen =====
-<grid> 
-<col sm="12" md="6"> 
 Sie können einen Box um ein ''WRAP''-Element herum erzeugen. Die erste Angabe beschreibt den Typ der Box: Sie können einen Box um ein ''WRAP''-Element herum erzeugen. Die erste Angabe beschreibt den Typ der Box:
   * ''column'' erzeugt eine neutrale Textbox ohne Hintergrundfarbe, z. B. für mehrere Spalten mit festem Inhalt,   * ''column'' erzeugt eine neutrale Textbox ohne Hintergrundfarbe, z. B. für mehrere Spalten mit festem Inhalt,
   * ''box'' erzeugt eine Box in unauffälliger Farbe, ''danger'', ''warning'', ''caution'', ''notice'', ''safety'' mit Signalfarben,   * ''box'' erzeugt eine Box in unauffälliger Farbe, ''danger'', ''warning'', ''caution'', ''notice'', ''safety'' mit Signalfarben,
   * mit ''info'', ''tip'', ''important'', ''alert'', ''help'', ''download'', ''todo'' erhält die Box eine Färbung und ein Symbol.   * mit ''info'', ''tip'', ''important'', ''alert'', ''help'', ''download'', ''todo'' erhält die Box eine Färbung und ein Symbol.
 +<grid><col sm="12" md="6">
 +<WRAP box round>Mit der Option ''round'' werden die Ecken abgerundet.</WRAP>
  
-Mit der Option ''round'' werden die Ecken abgerundet. 
-</col></grid> 
-<grid> 
-<col sm="12" md="6"> 
 Es kann eine Breite vorgegeben werden. Gängig sind Es kann eine Breite vorgegeben werden. Gängig sind
 <WRAP clear></WRAP> <WRAP clear></WRAP>
Zeile 88: Zeile 84:
 <WRAP box round>Ohne Breitenangabe geht die Box über die gesamte Breite</WRAP> <WRAP box round>Ohne Breitenangabe geht die Box über die gesamte Breite</WRAP>
 <WRAP box 200px center>''center'' zentriert die Box</WRAP> <WRAP box 200px center>''center'' zentriert die Box</WRAP>
-<WRAP box 25% left>Position ''left''\\ (oder ''column'')</WRAP> <WRAP box 25% right>Position ''right''</WRAP>Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen. <WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden. +<WRAP box 30% left>Position ''left''\\ (oder ''column'')</WRAP> <WRAP box 20% right>Position ''right''</WRAP>Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen. <WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden. 
 </col> </col>
 <col sm="12" md="6"> <col sm="12" md="6">
 <code> <code>
 +<WRAP box round>Mit der Option ''round'' werden die Ecken abgerundet.</WRAP>
 +</code><code>
 <WRAP box 200px left>Pixel ''px'' für eine feste Breite,</WRAP> <WRAP box 200px left>Pixel ''px'' für eine feste Breite,</WRAP>
 <WRAP box 50%> Prozent ''%'' für eine relative Breite.</WRAP> <WRAP box 50%> Prozent ''%'' für eine relative Breite.</WRAP>
Zeile 99: Zeile 97:
 <WRAP box 200px center>''center'' zentriert die Box</WRAP> <WRAP box 200px center>''center'' zentriert die Box</WRAP>
 </code><code> </code><code>
-<WRAP box 25% left>Position ''left'' (oder ''column'')</WRAP> +<WRAP box 30% left>Position ''left'' (oder ''column'')</WRAP> 
-<WRAP box 25% right>Position ''right''</WRAP>+<WRAP box 20% right>Position ''right''</WRAP>
 Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen. Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen.
 <WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden.  <WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden. 
 </code> </code>
 </col></grid> </col></grid>
 +
 === Boxentypen === === Boxentypen ===
- <grid>+<grid>
 <col sm="12" md="6"> <col sm="12" md="6">
-<WRAP clear></WRAP> 
 <WRAP column 25%>Textboxen mit ''column''</WRAP> <WRAP column 25%>Textboxen mit ''column''</WRAP>
 <WRAP column 25%>die **zweite** Spalte von drei mit jeweils 25% Breite</WRAP> <WRAP column 25%>die **zweite** Spalte von drei mit jeweils 25% Breite</WRAP>
 <WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP> <WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP>
-<WRAP clear></WRAP> 
 </col> </col>
 <col sm="12" md="6"><code> <col sm="12" md="6"><code>
Zeile 119: Zeile 116:
 <WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP> <WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP>
 </code></col></grid> </code></col></grid>
 +
 <grid> <grid>
 <col sm="12" md="6"> <col sm="12" md="6">
Zeile 182: Zeile 180:
 \\ \\ \\ \\
 <grid> <grid>
-<col sm="12" md="6">+<col sm="12" md="6"><WRAP>
 <WRAP caution 70% right> <WRAP caution 70% right>
 //**__Box, rechts positioniert und links umflossen__**// //**__Box, rechts positioniert und links umflossen__**//
Zeile 194: Zeile 192:
 <WRAP important round>Runde "Important"-Box, unter einem ''clear''.</WRAP> <WRAP important round>Runde "Important"-Box, unter einem ''clear''.</WRAP>
 </WRAP> </WRAP>
-Boxen lassen sich kombinieren und ineinander verschachteln+Boxen lassen sich kombinieren und ineinander verschachteln</WRAP>
 </col> </col>
 <col sm="12" md="6"> <col sm="12" md="6">
Zeile 224: Zeile 222:
 \\ \\ \\ \\
 <wrap onlyprint>Dieser Text erscheint nicht auf dem Bildschirm, nur auf einem Ausdruck.</wrap> <wrap onlyprint>Dieser Text erscheint nicht auf dem Bildschirm, nur auf einem Ausdruck.</wrap>
 +
 +Diese Einstellungen gelten auch für den pdf-Export über das Plugin [[plugins:dw2pdf|dw2pdf]].
 </col> </col>
 <col sm="12" md="6"> <col sm="12" md="6">