有心來這裏看的朋友，也會發現網頁的 Layout 配色改變了。其實很早就想改改，但還是一個懶字作怪，結果 POTO 那隻猴子長據右上角差不多一年之久，網頁配色也沒有大改動。
今次的配色以白色為主，希望可以有點清爽感覺。結果因為進度緩慢，所以現在已秋風起三蛇肥了，看到這種配色是不是一股寒意透心而來？不過，我自己不太滿意，我認為這個 Layout 太過白了點，有點刺眼。
字型方面，堅持大大粒，方便閱讀。正在考慮加入調較字體的功能。
而事實上，這個版面還沒有做好：右上角的圖還未決定用什麼，Tagline 的位置未定，Menu Item 未齊等等。因為不想拖太久就先放上來了，大家有意見的話可以回覆一下。
CSS 上面要做圓角並不容易，除了等CSS3裏有關圓角支持外，很多開發者都提供了 許多的方法 。而其中，我覺得用 Nifty Corner 很不錯，不用圖片，配合 Javascript 可以做到 Markup 很簡單，將一些 nesting 的 Tag 由 Javascript 來直接處理，而且關掉 Javascript 也不影響太大，只是沒有了圓角而已。
這個方法，使用的是上下各四層的 1px 高的 block，調效好每一層的 Margin，做成一個小小的弧度。所以基本上，是可以加更多層來增加弧度。使用 Javascript 來自動創造這些 block，只需要在頁面載入後再行 Javascript 造知其要在那些地方方加上這些圓角裝飾。這個方法的缺點，就是不可以加上 border。而某些Background Image亦不適合此方法，因為頭頂和尾部都是用同一隻顏色。
不過在Markup上真的如我們常用的一樣就可以，只需要另外再加Onload事件就可以了，值得大家一看！
相關連結：
Get confused with padding, margin, color setting? Here is the simplest demo of the box model. A lot better than the orginal W3C version, don’t you think?
Link: Basic CSS Box Model Demo
網絡暴民 Jacky’s Blog © 2008 Jacky.
¶
Powered by WordPress.
¶
The veryplaintxt theme by Scott
