2010年7月14日 星期三

YAHOO部落格版型DIY

image 

花了一天的時間,終於把奇摩部落格版型給用好了。
自已是很不喜歡YAHOO的東西(信箱、拍賣、部落格、相簿…諸如此類)
但偏偏就是對某些人味口
dnowba的老婆就是這某些人之一
版型說穿了還是靠CSS語法來修圖的連結、文字大小、背景顏色等樣式

不解的是YAHOO的CSS語法怪怪的…

所以豬腦爸我的做法就是
1)不研究YAHOO特有的CSS語法,畢竟我只是做一次…
2)參考既有模板的語法,官方的/坊間的都可以,參考到喜歡的(字型、字體、欄位等佈局)把程式碼複製下來,這樣一來我們只要改圖的部分就好了,CSS碼這麼多怎麼知道哪些是圖,簡單,用搜尋程式碼中有「HTTP://」的就八九不離十了。
3)設計圖:這部分是重點,容後面說明。

圖片大家會抓現成的是很方便
不過如果是這樣乾脆用人家做好現成的碼就好了
我還是強調設計的部分
以我婆的部落格來說是寫小孩子為主的
所以就順理成章把設計放在二個小鬼身上了
1)頁首:
第一張做完後有做些有動畫的…後來想一想還是算了…一直動老實說對看的人來說不大舒服

2)頁尾:
放在頁尾的…故意弄得像廣告,照片感覺是連續的有頼平時有用快速連拍在拍他們的動作,所以還連得起來

設計前先想一下你有沒有現成的放圖的位置(俗稱圖床也),沒有的話不妨考慮一下中華電信的網頁空間,只要你家是拉中華電信的adsl或是光纖就一定有免費的空間…放上去後修改css中圖片連結的位置就可以了。

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...
// Dnow Function