還記得以前剛接觸Blog時,連CSS是什麼東西都不曉得...
不知不覺,已經是3年前的事了呀!
現在講起CSS,我可是有一拖拉庫的心得講不完呢!!
尤其是最近又剛改版,這個版真的是花了我很多時間,
前天下午完成的同時,我整個超high,還跑到公司的廁所裡歡呼呢! 哈哈。
成就感滿滿... 我想曾親自改過CSS的人一定都懂低^^
今天就來分享一下我的小小心得吧!
版面有很多種... 我最喜歡的就是像現在這種上橫幅、左內容、右#link的型,
這次我是套用作者bamcloud的CAT版型,然後一點一滴慢慢修改的。
一開始真的很不習慣痞客模板的標籤,
還好pixnet這個貼心鬼,釋出了超完整的架構圖示表(讚讚讚)。
打開CSS碼,我通常第一個會先修改字型,
我喜歡用verdana, arial, 11px, 間距0.3 or 0.4 pt, 行距170%,
再來就是修改橫幅、文章內文、行事曆、迴響的地方...
全部都改到滿意後,就開始配圖片啦!!
我會先想好大概要什麼感覺的,
如果自己的圖片庫存沒有我想要的fu~ 我就會開始瘋狂的搜尋...
*Corbis*這個網站超讚,只要輸入關鍵字,就能找到想要的圖片,
我Blog head的3張照片就是在這裡抓的唷!!
找好圖後,我會用PhotoImpact編輯,調色階、色彩平衡等,讓圖片互相協調...
圖片放上Blog後,就可以開始做一些細項調整,字和標題的顏色、捲軸顏色... 等等。
再來我會加一些可愛的小素材,我喜歡手繪風的素材... http://serenity.whitesnow.jp/angels
這個素材網很讚,很多精緻的小圖和壁紙,我現在用的底圖就是在這裡抓的!!
這些壁紙都很讚吧!! 還有好多好多讓我愛不釋手的小圖 XD...
管它用不用得到,先存起來再說,哈哈。
另外這幾個素材網也很優... http://www2.tba.t-com.ne.jp/2beans/sozai-top.htm
http://frank-web.net/sozai/
http://ayarin.jpn.org/
有興趣的人可以去晃晃!! (記得不要晃太久...不然會眼花... 呵呵。)
改CSS真的很好玩,動手試看看吧,你一定能找到其中的樂趣^^
喔, 對了~ 記得邊改要邊存檔,萬一不小心改錯才有救,否則找不出錯誤點的話,一切就要重來了!!
改完後~ 別忘了用 ScreenShots 看一下自己的Blog在各家瀏覽器顯示的樣貌...
像我這個龜毛人,就一定要改到每個瀏覽器都順眼才甘心,哈哈。
目前差不多就醬!! 日後有想到什麼再補充... 有問題的話可以問我。
雖然不是什麼高手,但只要我會的我一定會盡量回答!!
最後祝福大家都有一個美美的Blog唷 ^^
當閒妻很拿手,當涼母還在努力中(送子鳥你快飛來喔)))
- Dec 20 Thu 2007 16:55
只要用心, 人人都可以是CSS高手:P
close
全站熱搜
留言列表
發表留言