差異處

這裏顯示兩個版本的差異處。

--- plugin:wrap [2022/03/30 10:28] – hank
+++ plugin:wrap [2022/03/30 11:28] (目前版本) – hank
@@ 行 1: / 行 1: @@
 ====== Wrap ======
-Wrap 為通用的外掛，通常會用來廷整頁面元顯示的大小，或者頁面中醒目的顯示。
+Wrap 為通用的外掛，通常會用網頁中寬度的控制，與元件顯示的大小，或者頁面中醒目的顯示等等。
 關於Dokuwiki Wrap Plugin，可參考下列連結說明。
@@ 行 8: / 行 8: @@
   * [[https://www.dokuwiki.org/plugin:wrap|Dokuwiki Wrap Plugin 說明]]
   * [[https://demo.selfthinker.org/plugin:wrap|Examples for the Wrap Plugin]]
+===== 效果 =====
+==== Boxes ====
+<WRAP round box 70% center>
+//**__round box 70% center__**//
+  * ''box'' creates a box around the container and uses the colours from the template's ''style.ini'' as default colours (''%%__background_alt__%%'' and ''%%__text__%%'')
+  * any of the classes ''info'', ''tip'', ''important'', ''alert'', ''help'', ''download'', ''todo'' will add a special note container with a corresponding icon
+  * the classes ''danger'', ''warning'', ''caution'', ''notice'', ''safety'' use safety colours (and no icons)
+  * ''round'' can be added to anything with a background colour or a border and will only work in modern browsers (no Internet Explorer)
+  * **''column''** is the same as ''left'' in LTR languages and the same as ''right'' in RTL languages
+  * **''left''** will let you float your wrap on the left
+  * **''right''** will let the wrap float right
+  * **''center''** will position the wrap in the horizontal center of the page
+</WRAP>
+==== Notes ====
 <WRAP info 30%>info</WRAP>
@@ 行 19: / 行 39: @@
 <WRAP info 220px left>
 //**Info**//
+  <WRAP info></WRAP>
 </WRAP>
-<WRAP info 220px right>
-//**Info**//
+<WRAP tip 220px left>
+//**Tip**//
+  <WRAP tip></WRAP>
 </WRAP>
+<WRAP important 220px left>
+//**Important**//
+  <WRAP important></WRAP>
+</WRAP>
+<WRAP alert 220px left>
+//**Alert**//
+  <WRAP alert></WRAP>
+</WRAP>
+<WRAP round help 220px left>
+//**Help**//
+  <WRAP round help></WRAP>
+</WRAP>
+<WRAP download 220px left>
+//**Download**//
+  <WRAP download></WRAP>
+</WRAP>
+<WRAP todo 220px left>
+//**Todo**//
+  <WRAP todo></WRAP>
+</WRAP>
+<WRAP clear></WRAP>
+**Safety Notes:**
+<WRAP danger 27% left>
+//**Danger**//
+  <WRAP danger></WRAP>
+</WRAP>
+<WRAP warning 27% left>
+//**Warning**//
+  <WRAP warning></WRAP>
+</WRAP>
+<WRAP caution 27% left>
+//**Caution**//
+  <WRAP caution></WRAP>
+</WRAP>
+<WRAP round notice 27% left>
+//**Notice**//
+  <WRAP round notice></WRAP>
+</WRAP>
+<WRAP round safety 27% left>
+//**Safety**//
+  <WRAP round safety></WRAP>
+</WRAP>
+<WRAP clear></WRAP>
+==== 文字的註解 ====
+^ 效果 ^ 語法 ^
+| <wrap info>info</wrap> |<code><wrap info>info</wrap></code>|
+| <wrap help>help</wrap> | <code><wrap help>help</wrap></code>|
+| <wrap alert>alert</wrap> | <code><wrap alert>alert</wrap></code>|
+| <wrap important>important</wrap> | <code><wrap important>important</wrap></code>|
+| <wrap tip>tip</wrap> |<code><wrap tip>tip</wrap></code>|
+| <wrap download>download</wrap> |<code><wrap download>download</wrap></code>|
+| <wrap todo>todo</wrap> and <wrap round box>round box</wrap> and <wrap danger>danger</wrap> |<code> <wrap todo>todo</wrap> and <wrap round box>round box</wrap> and <wrap danger>danger</wrap></code>|
+| <wrap warning>warning</wrap> | <code><wrap warning>warning</wrap></code>|
+| <wrap caution>caution</wrap> | <code><wrap caution>caution</wrap></code>|
+| <wrap notice>notice</wrap> |<code> <wrap notice>notice</wrap></code>|
+| <wrap safety>safety</wrap> |<code> <wrap safety>safety</wrap></code>|
+==== Table Width ====
+<WRAP tablewidth  60%>
+^ Table ^ is ^
+| 60% | wide |
+</WRAP>
 ----
@@ 行 29: / 行 139: @@
 {{tag>plug-in}}
 {{keywords>dokuwiki demo,Wrap Plug-in}}
-{{description>關於Dokuwiki Wrap Plug-in 說明。}}
+{{description>Wrap 為通用的外掛，通常會用網頁中寬度的控制，與元件顯示的大小，或者頁面中醒目的顯示等等。}}