| 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"> |