• 1 
瀏覽模式: 普通 | 列表

絕對定位(absolute position)的應用

之前應該提過F2blog的核心程式並不支援三欄式的模版,所以必須透過CSS的絕對定位(absolute position)來達成。

不過,絕對定位的應用,顯然並不止於邊欄(Sidebar)樣式的處理。

事實上,將左上角設定為座標零點的絕對定位,也很合適用來處理header裡的導覽選單。

舉例來說,讓這一列經常會干擾到head banner設計自由度的導覽選單歸零,無論是置頂或齊左,都讓模版設計有更多變化的空間。

F2blog CSS Layout 配置說明

為了不佔用jas9.com本站太多頻寬,所以,把之前在部落格平台計劃做過的F2blog CSS Layout 配置說明搬到Google Pages上。

製作F2blog模版時的優缺點都是它的預設寫定CSS Tags,雖然設計的自由度大減,但管理上可能比較有效率,隨時只要一張F2blog CSS Layout 配置說明圖表就一目瞭然了。

模版新增 Black Light

Black light

新增一個設計作為 Prototype 的模版 Black Light,兩欄式的 Layout 延續自 Silver Tube2,只稍作了段落邊距的微調。

比較大幅的更新設計在多個區塊底圖、斜紋、高彩度及多階用色。

這個原型預計會再衍生四組配色。

  • 1