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 [07.05.2024 10:40] 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 72: Zeile 72:
   * ''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.
-<col sm="12" md="6">+<grid><col sm="12" md="6">
 <WRAP box round>Mit der Option ''round'' werden die Ecken abgerundet.</WRAP> <WRAP box round>Mit der Option ''round'' werden die Ecken abgerundet.</WRAP>
  
Zeile 84: 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">
Zeile 97: 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 117: 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 180: 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 192: 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 222: 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">