Tainanese 台南與我

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

使用者工具

網站工具


playground:pg5_userdefine

etc. User Define CSS

  • 展示本站使用到的Dokuwiki Plugin與經驗分享。
    • 為了使用者閱讀方便,版面簡潔與色彩或線條區分是必要的,但隨著資訊量增加(ex. tag),便會思考與採用不同的資訊展現方式,由table到two column,使用wrap plugin的box與column,或用tabbox以在最小的版面空間,展現更多分類的資訊量。如果有朝一日這樣仍不足以在單一頁面容納的資訊量,那麼回到以namespace(目錄)與index(索引)等多頁方式來展現便是自然。
        • 111.10.13 放入conf的userstyle.css並沒有如四種CSS順序生效,但發現safety可以產生同box相同不帶icon的效果。(有reload browser也手動清除了css的cache)
        • 112.9.11 可測試Wrap Plus Plugin看看
        • 112.10.9 在使用不同theme時發現 在default dokuwiki theme下效果就正常顯示了
          • 後來用two column當RWD時縮排成單column方式,不固執於計較可用版面寬度
      • wrap plugin的CSS當template使用非預設的writr會有效果差異(同:datatable在writr下不顯示/仍相容)

testing CSS simple box

wrap plugin中有note類別,只是配色就如同便利貼般顯眼。

box

safety

warning

danger

notice


同樣wrap plugin的box多了icon,配色則較柔和。以下會因不同templete顯示,在writr時自訂css不會顯示;在default會顯示自訂css(色塊變成僅左邊一小條也沒有icon,所以文字區域可以更大)

bloc simple

bloc info

bloc tip

bloc important

bloc alert

bloc help

bloc download guiji-love.jpg

bloc todo

before::sandbox userstyle css works

After::sandbox userstyle css works

tab cf. box for more categories

playground/pg5_userdefine.txt · 上一次變更: 2024/11/13 10:24 由 kenski