Tainanese 台南與我

台南人的信箱 網址 在地資訊筆記

使用者工具

網站工具

足跡:
playground:pg9_userdefine

差異處

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

連向這個比對檢視

Both sides previous revision 前次修改
下次修改 		前次修改
playground:pg9_userdefine [2022/10/17 14:05]
kenski [sandbox before userstyle css works] 		playground:pg9_userdefine [2023/10/10 10:38] (目前版本)
kenski
行 1: 行 1:
 ~~NOTOC~~ ~~NOTOC~~
-===== PG9 User Define CSS ===== +===== PG09 User Define CSS ===== 
-  * https://www.dokuwiki.org/plugin:wrap:extensions +  *展示本站使用到的Dokuwiki Plugin與經驗分享。 
-  * https://www.dokuwiki.org/devel:css +    * 為了使用者閱讀方便，版面簡潔與色彩或線條區分是必要的，但隨著資訊量增加(ex. tag)，便會思考與採用不同的資訊展現方式，由table到two column，使用wrap plugin的box與column，或用tabbox以在最小的版面空間，展現更多分類的資訊量。如果有朝一日這樣仍不足以在單一頁面容納的資訊量，那麼回到以namespace(目錄)與index(索引)等多頁方式來展現便是自然。 
-  * 放入conf的userstyle.css並沒有如四種CSS順序生效，但發現safety可以產生同box相同不帶icon的效果。(有reload browser也手動清除了css的cache) FIXME 111.10.13 Kenski+      * https://www.dokuwiki.org/plugin:wrap:extensions 
 +      * https://www.dokuwiki.org/devel:css 
 +        * 111.10.13 放入conf的userstyle.css並沒有如四種CSS順序生效，但發現safety可以產生同box相同不帶icon的效果。(有reload browser也手動清除了css的cache) 
 +        * <wrap todo>112.9.11 可測試Wrap Plus Plugin看看</wrap> 
 +        * <wrap info>112.10.9 在使用不同theme時發現 在default dokuwiki theme下效果就正常顯示了</wrap> 
 +<nspages playground -h1 -textPages="索引 index" -ncol=2> 
 +[<10>]
 ====for simple box==== ====for simple box====
 +wrap plugin中有note類別，只是配色就如同便利貼般顯眼。
 <WRAP center round box 60%> <WRAP center round box 60%>
-「資訊」方盒+box
 </WRAP> </WRAP>
 <WRAP center round safety 60%> <WRAP center round safety 60%>
-「資訊」方盒+safety
 </WRAP> </WRAP>
-<WRAP center round tip 60%> +<WRAP center round warning 60%> 
-「提示」方盒+warning
 </WRAP> </WRAP>
-<WRAP center round info 60%> +<WRAP center round danger 60%> 
-「協助」方盒+danger
 </WRAP> </WRAP>
-<WRAP center round download 60%> +<WRAP center round notice 60%> 
-「下載」方盒 +notice
-</WRAP> +
-<WRAP center round todo 60%> +
-「待辦」方盒+
 </WRAP> </WRAP>
  
 ---- ----
 +同樣wrap plugin的box多了icon，配色則較柔和。
 <WRAP center round box 60%> <WRAP center round box 60%>
 bloc simple bloc simple
行 32: 行 35:
  
 <WRAP center round info 60%> <WRAP center round info 60%>
-bloc information+bloc info
 </WRAP> </WRAP>
  
 <WRAP center round tip 60%> <WRAP center round tip 60%>
-bloc astuce+bloc tip
 </WRAP> </WRAP>
  
行 44: 行 47:
  
 <WRAP center round alert 60%> <WRAP center round alert 60%>
-bloc alerte+bloc alert
 </WRAP> </WRAP>
  
 <WRAP center round help 60%> <WRAP center round help 60%>
-bloc aide+bloc help
 </WRAP> </WRAP>
  
 <WRAP center round download 60%> <WRAP center round download 60%>
-bloc téléchargement+bloc download
 </WRAP> </WRAP>
  
 <WRAP center round todo 60%> <WRAP center round todo 60%>
-bloc à faire+bloc todo
 </WRAP> </WRAP>
-====sandbox before userstyle css works====+====before::sandbox userstyle css works====
 <WRAP group> <WRAP group>
 <WRAP half column> <WRAP half column>
-<WRAP center round box> +<WRAP center round safety> 
-{{topic>安南區 -tour -ads &table&nodate&nouser&simplelist}}+{{topic>安南區 -tour -ads &nodate &nouser &simplelist}}
 </WRAP> </WRAP>
 </WRAP> </WRAP>
行 68: 行 71:
 <WRAP half column> <WRAP half column>
 <WRAP center round safety> <WRAP center round safety>
-{{topic>安南區 +tour&table&nodate&nouser&simplelist}}+{{topic>安南區 +tour &nodate &nouser &simplelist}}
 </WRAP> </WRAP>
 <WRAP center round safety> <WRAP center round safety>
-{{topic>安南區 +ads&table&nodate&nouser&simplelist}}+{{topic>安南區 +ads &nodate &nouser &simplelist}}
 </WRAP> </WRAP>
 </WRAP> </WRAP>
 </WRAP> </WRAP>
 +
 +====After::sandbox userstyle css works====
 +<WRAP group>
 +<WRAP half column>
 +<WRAP center round download 60%>
 +{{topic>安南區 -tour -ads &nodate &nouser &simplelist}}
 +</WRAP>
 +</WRAP>
 +
 +<WRAP half column>
 +<WRAP center round help 60%>
 +{{topic>安南區 +tour &nodate &nouser &simplelist}}
 +</WRAP>
 +<WRAP center round todo 60%>
 +{{topic>安南區 +ads &nodate &nouser &simplelist}}
 +</WRAP>
 +</WRAP>
 +</WRAP>
 +
 ===tab cf. box for more categories=== ===tab cf. box for more categories===
 <tabbox 相關主題> <tabbox 相關主題>
-{{topic>安南區 -tour -ads -biz &table&nodate&nouser&simplelist}}+{{topic>安南區 -tour -ads -biz &nodate&nouser&simplelist}}
 <tabbox 旅遊資訊> <tabbox 旅遊資訊>
-{{topic>安南區 +tour&table&nodate&nouser&simplelist}}+{{topic>安南區 +tour&nodate&nouser&simplelist}}
 <tabbox House> <tabbox House>
-{{topic>安南區 +ads&table&nodate&nouser&simplelist}}+{{topic>安南區 +ads&nodate&nouser&simplelist}}
 <tabbox Business> <tabbox Business>
-{{topic>安南區 +biz&table&nodate&nouser&simplelist}}+{{topic>安南區 +biz&nodate&nouser&simplelist}}
 </tabbox> </tabbox>
 <WRAP clear/> <WRAP clear/>
 +
 [<10>] [<10>]
playground/pg9_userdefine.1665986706.txt.gz · 上一次變更: 2022/10/17 14:05 由 kenski

頁面工具

若無特別註明，本 wiki 上的內容都是採用以下授權方式： CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki