之前玩相簿的 CSS 玩了出一點點的心得,今兒秉持著研究 CSS 的精神來改寫 blog 的 css
前一代FUN攝影的BLOG是兩欄式的,這一次我想改成三欄式,於是先套一下pixnet教學型的CSS
看了一下三欄是怎麼用CSS控制,自己也來改造一番

剛搬來痞客幫時,我是直接套無名的CSS,延用了好久才下定決心學修改CSS
當時將原來的風格轉換成 pixnet 的模板時也是花了不少時間,必竟沒學過CSS~

於是兩欄的FUN攝影就誕生了,這一用就是半年了

半年後的今天,不知哪根筋錯了,突發奇想,要來改成三欄式的好了 ( K.H. 其實之前要換成痞客幫的CSS時我有想過要用三欄式的,但不知為什麼那時不大想用,所以在這改好的半年裡一直對三欄式的BLOG有一種想要用的感覺,只是懶的去做,今天我做到了= =||| )

三欄的控制其實很簡單,只是在"側邊欄位區"加了下面的CSS語法
 position:relative ;
 margin-left: -784px ; 

再去修改主內容的位置,這樣就完成了三欄的基礎
接著就是最痛苦的修正,調了好久才調成現在樣式出來,好累~

不過看到現在的樣式,真開心,我有三欄可以用了~~~哈哈哈~~
也學到了好多的CSS功能,雖然我之是寫網頁的,CSS也只是用到一點點的範圍,重拾了寫網頁的心情,能寫網頁的很快樂~~
因為可以照自己的意思去做,超有成就感的啦!

接下來還剩留言板了….( 不會改…. )

更多野兔的文章推薦:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *