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
主題
- 262::小澤十二佃
- 709::安南區
- 709::安南區::Village鄰里
- Culture::藝陣::白鶴陣
- Culture@Tainan
- Design::Stickers Closet
- Design::台江黑琵季
- Design::畢業典禮海報
- Driver's License::機車考照
- Harbor::四草漁港
- House::九份子重劃區
- Library::市圖安南與土城分館
- Macromics::安南區 鄉鎮拼圖
- map::西濱::宗教漁塩巡禮地圖
- Milkfish::虱目魚
- Musuem::台灣歷史博物館
- Spot::安南水上運動訓練中心
- Spot::永川大轎
- Temple::土城聖母廟
- Temple::鹿耳門天后宮
- Tour::台江生態文化園區