close
還記得以前剛接觸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唷 ^^


arrow
arrow
    全站熱搜

    Berry。 發表在 痞客邦 留言(9) 人氣()