昨日花了一整天在 CSS 上動手腳。可惜根基不夠紮實,腦子裡怎麼轉也轉不出好的設計。要整合的介面包含了 blog, moblog, photo(gallery), wiki 等四大部分。前兩者因為本就共享一個 CSS,所以只要在 movable type 的模板間互相拷貝,即可完成。但是 gallery 的部分,問題就大了一些,可能還要花上些時間做許多調整。至於wiki,我直接先轉址到 wiki.motomosa.com 那一邊。等內容夠多了之後,再轉回 wiki.schee.info。
改版的靈感來自於:stopdesign 和 diveintmark 這兩個 blogs。StopDesign 的部分最主要是使用 Douglas CSS 中左版面 65%,右版面 35% 的分配。本來在首頁上方的 navigation 和整體配色也是參考 Douglas 的 CSS templates,可是經由 hlb 的提醒,表示這會有抄襲之嫌,因此隨後拿掉,另外換了 Mark 所釋出的 CSS Tabs 設計。精要我還沒抓到,需再花點時間釐清一些 tabs 的功能。瀏覽列上的 About 子分類也還未完成。BTW, typepad moblog 部分也將在近日內整合過來。
部落格各頁面若有問題,請不吝在此回報;或有建議,也傾心歡迎。謝謝。
探索更多來自 T.H. Schee 的內容
訂閱即可透過電子郵件收到最新文章。
http://kalsey.com/tools/csstabs/
这也是一个关于CSS tab设计的好例子,应用也比较简单,我最近在设计weiti版面也将采用tab的设计,另外simplebits也有几个非常好的tab设计介绍
http://www.simplebits.com/archives/2003/08/14/minitab_shapes.html
http://www.simplebits.com/tips/minitabs.html
http://www.simplebits.com/archives/2003/09/30/accessible_imagetab_rollovers.html (this is a amazing one)
你可以透過"將此模版連結到檔案"設定指向同一個檔案,就不用互相拷貝了。
其實也是改得天花亂墜,根本不符合 W3C 的 html validation,不過至少也有還可以見人的風貌了(笑)。
KarlMarx 剛從斯里蘭卡回來嗎?
賀新版面!你這邊真是週週有新風貌呢!