plugin:wrap

差異處

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

連向這個比對檢視

兩邊的前次修訂版 前次修改
下次修改		 前次修改
plugin:wrap [2022/03/30 10:16] – hankplugin:wrap [2022/03/30 11:28] (目前版本) – hank
行 1: 行 1:
 ====== Wrap ====== ====== Wrap ======
 +
 +Wrap 為通用的外掛，通常會用網頁中寬度的控制，與元件顯示的大小，或者頁面中醒目的顯示等等。
 +
 +關於Dokuwiki Wrap Plugin，可參考下列連結說明。
 +
 +參考資料:
 +  * [[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> <WRAP info 30%>info</WRAP>
行 11: 行 39:
 <WRAP info 220px left> <WRAP info 220px left>
 //**Info**// //**Info**//
 +  <WRAP info></WRAP>
 </WRAP> </WRAP>
 +
 +
 +<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>
 +
 +
  
  
  
 +----
 +End
 {{tag>plug-in}} {{tag>plug-in}}
 {{keywords>dokuwiki demo,Wrap Plug-in}} {{keywords>dokuwiki demo,Wrap Plug-in}}
 +{{description>Wrap 為通用的外掛，通常會用網頁中寬度的控制，與元件顯示的大小，或者頁面中醒目的顯示等等。}}
  • plugin/wrap.1648606605.txt.gz
  • 上一次變更: 2022/03/30 10:16
  • 由 hank