Bananasims Workshop

寫咗大約兩個鐘，寫好晒全部戶口相關既野。

其實仲有兩篇 History Essay 未寫 ECON 又未溫熟

不過用呢啲時間搞下 freelance…

尋日去完補 UE + 美孚買餸返黎嗰陣，喺窩打老道夾聯合道，睇住歌和老街夾窩打老道嗰啲燈忽然間熄晒

我立即打電話比 1823，然之後五分鐘後就有交警出現，指揮交通。

熄咗既紅綠燈真係別有一番風味～

今日繼續搞下個網誌系統。有人問我交咗貨未，其實交咗貨，只係再收多啲錢再同佢整好啲咁解 :$（其實算重寫）。

今日除咗搞搞個導覽列啲瀏覽器相容問題（其實啲箭咀圖係亂畫一通，求其整剪裁遮色片就算），就搞搞個搜尋框。點解？開頭想同個搜尋框個 outline（即係 Safari 嗰條藍色邊）整圓角，搵搵下就搵到原來有 Safari 元件玩。

開頭以為淨係用 -webkit-appearance 既 CSS 砌，又 searchfield 又 searchfield-decoration 又 searchfield-cancel-button。砌咗好耐，不過唔知點解 set 咗做 searchfield 嗰個 input set 唔到 padding，最後搵下搵下原來淨係 HTML 就搞掂：<input type="search" results="0" ... />。如果 results 屬性大過 0 的話甚至可以睇返先前既搜尋記錄，不過要 JS 配合。要整搜尋框既人記住唔好用 CSS 砌呀！另外，原來仲有個 placeholder 屬性，無 focus / 字嗰陣會顯示 placeholder 既字，即係下低張圖右上方「搜尋」兩隻字。只係 Safari 適用。

唔知呢張圖當唔當 Project 365，不過我今日做既野除咗溫書就係呢樣野 :$

比幾個網大家參考。本來搵到個網係話儲存搜尋記錄，不過搵唔返。遲啲再研究下其他 Safari 元件再同大家分享下。

• 用於 WebKit 的 CSS 訣竅
• WebKit CSS Styles
• WebKit CSS Preview

個 navigation bar 整咗一個鐘，全部 CSS，IE6 都睇到。

今次學咗 z-index 點用。原來 z-index 一定要配個 position: relative。

呢個係我成個暑假做緊既多用戶網誌系統既 freelance 工作。個 theme 咁核突既？其實呢個係我今日完成既佈景主題既配色功能。個系統我設計到只係用一個 template，為免個個網誌都係用同一種配色，我要整個 panel 出黎比人換色換圖，用 CSS 改色，唔係就會非常單調。

講下個 panel 先，呢度係編輯佈景主題既介面。當然除咗呢堆野，仲有好多野可以 set 啦。最上面既「系統佈景主題」係會用返系統既預設風格覆蓋晒所有設定。而簡單講下其他設定，呢啲設定主要分為：字型、顔色、邊框、背景。

字型就得一個設定。為咗保持字型喺部部電腦都睇得到，我喺呢度偷咗並且設定咗一個字型列表。使用者係唔可以自訂字型的。

顔色就用 Color Picker。Color Picker 係一個 jQuery 既 plugin，既易裝又易用，不過隔離個框麻煩少少啦，要搵好多位寫 .change(function() { … });。

至於邊框。邊框本來淨係諗住比人改色，後尾諗諗下諗起有啲人係唔鐘意啲圖有個框框住，所以我又要整個邊框樣式，順便比人 set 個闊度。邊框樣式其實好多種我都未用過，都係喺 W3Schools 到偷返黎。

背景又係必需品黎。背景當然可以 set 色或者圖片。我就好記得 hamu278 講過 Twitter 因為無得 set repeat 搞到唔整，而令我決定一定要整呢個 background-repeat。整 background-repeat 喺 W3Schools 見有 background-attachment 呢樣野所以順便整埋。不過 background-position 實在太難整得易用，所以最後無整。

大家睇下呢啲相

九月之前應該都可以面世。記住幫手試下。