Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
plugins:wrap [07.05.2024 10:40] – Nikolaus Müller-Büchele | plugins:wrap [24.09.2024 22:14] (aktuell) – Nikolaus Müller-Büchele |
---|
<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: |
<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"> |
* ''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> |
| |
<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"> |
<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> |
<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"> |
\\ \\ | \\ \\ |
<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__**// |
<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"> |
\\ \\ | \\ \\ |
<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"> |