差異處
這裏顯示兩個版本的差異處。
Both sides previous revision 前次修改 | 前次修改 | ||
playground:pg1_wrap [2023/06/19 02:06] |
playground:pg1_wrap [2025/04/18 03:45] (目前版本) kenski |
||
---|---|---|---|
行 1: | 行 1: | ||
+ | ~~NOTOC~~ | ||
+ | ===== 1-2 Layout:WRAP ===== | ||
+ | * [[wiki: | ||
+ | * 展示本站使用到的[[https:// | ||
+ | ==== Wrap ==== | ||
+ | ===自動分欄=== | ||
+ | <WRAP col3> | ||
+ | [[https:// | ||
+ | </ | ||
+ | ===自動按鈕=== | ||
+ | 與自動標籤(tab)相似,將連結以按鈕呈現(PS.經測試按鈕中文字無法換/ | ||
+ | |||
+ | <wrap button> | ||
+ | <wrap button> | ||
+ | ===文字區塊=== | ||
+ | 原本dokuwiki會將首以兩個空白後文字視為文字區塊,CODE標籤相對會將文字自動換行。 | ||
+ | <WRAP prewrap 250px> | ||
+ | < | ||
+ | Inside this code block the words will wrap to a new line although they are all in one line. | ||
+ | </ | ||
+ | </ | ||
+ | ===圖文區塊=== | ||
+ | 相當好用的可以將圖文以顏色與框線,自訂寬度或排列,也可以使用如tip/ | ||
+ | <WRAP left round info 250px> | ||
+ | <wrap lo>Learn about the special kinds of content on this site.</ | ||
+ | </ | ||
+ | |||
+ | <WRAP right box 300px> | ||
+ | <wrap info> | ||
+ | <wrap tip>wrap tip</ | ||
+ | <wrap help> | ||
+ | <wrap important> | ||
+ | <wrap todo> | ||
+ | <wrap danger> | ||
+ | </ | ||
+ | |||
+ | <WRAP left round tip 250px> | ||
+ | 類似Q& | ||
+ | </ | ||
+ | <WRAP clear /> | ||
+ | |||
+ | |||
+ | |||
+ | <WRAP box bggreen fgblack 500px right :en> | ||
+ | //**__Outer green box floats right__**// | ||
+ | |||
+ | <WRAP 165px left> | ||
+ | Inner nested box floats left and is partly <wrap em hi> | ||
+ | </ | ||
+ | |||
+ | Text inside outer right box, but beneath inner left box. | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | <WRAP round tip> | ||
+ | Round tip box underneath, after a '' | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | <WRAP clear /> | ||
+ | === anchor錨點 === | ||
+ | * 連結到較長頁面中的特定點,[[gallery: | ||
+ | * cf. dokuwiki預設標題會是anchor錨點 | ||
+ | < | ||
+ | <wrap #anchor /> | ||
+ | </ | ||
+ | === button連結按鈕 === | ||
+ | 針對wiki內部連結WRAP plugin可以轉成按鈕方式表現,更可以套用在整個<< | ||
+ | < | ||
+ | <WRAP button> [[: | ||
+ | </ | ||
+ | 應用範例: | ||
+ | <tabbox 中西區Biz@Tainan> | ||
+ | <WRAP button> | ||
+ | {{gallery>: | ||
+ | </ | ||
+ | === HTML5 CSS分段 === | ||
+ | 在頁面編輯的工具列中,WRAP工具歸在一個黃色盒子圖示,其中有個箭頭退除符號,作用是產生下面的功能碼,在HTML5 CSS中,可以協助(強制)分段(section),有時候因為不同Plugin的使用使得版面出現不如預期的錯亂時,推薦使用看看,即便沒有作用也不會造成贅餘或混亂。 | ||
+ | * An uppercase WRAP (or alternatively < | ||
+ | * A lowercase wrap (or alternatively < | ||
+ | |||
+ | <WRAP clear/> | ||
+ | === User define CSS === | ||
+ | 針對default theme修改,所以同樣效果在writr theme無效,詳見[[playground: | ||
+ | <WRAP center round download></ | ||
+ | <WRAP center round help></ | ||
+ | <WRAP center round alert></ | ||
+ | <WRAP center round important></ | ||
+ | [< |