紅鼻子小丑問說各個欄位的背景如何透明化;而小兔子媽咪問說如果欄位要加背景圖如何加?剛好兩位都是問欄位的背景,所以我就寫在一起啦…
先來回答紅鼻子小丑的問題好了,不過不曉得你是要全透明(就是沒有背景圖),還是要半透明而已,所以我兩個都寫
全透明:
到/*欄位內容*/ .side{ } ,如果你之前都沒有改過的話,裡面應該會有個 background: #色碼; 這一列語法,你要做的事很簡單,只要把這一列刪掉或是如果你還要留這一列讓以後參考的話就用/*及*/包住。
半透明:
一樣到/*欄位內容*/ .side{ }這裡,加上filter:Alpha(opacity=80);語法,數字越小就越透明,建議在60~80間比較適合。
****************************************************************
再來是小兔子媽咪的問題
如果妳是要每個欄位都一樣背景的話就比較簡單,一樣也是在/*欄位內容*/ .side{ }這裡,把原有的background: #色碼;語法刪掉,然後加上 background-image:url(圖片網址); 語法,和文章區塊的作法一樣,重複的話就不用加 background-repeat:no-repeat; 不重複才加。
而如果妳是要每個欄位都不一樣背景的話,還是要在/*欄位內容*/ .side{ }這裡,把原有的background: #色碼;語法刪掉,然後到每個欄位語法中都會有個 .欄位名稱Side{ }語法,例如最新文章的欄位就是.articleSide{ };而最新留言的欄位就是.messageSide{ } … 以此類推。唯一不同的是關於我的欄位則是在 .avatar{ }中加入背景語法,和文章區塊的作法一樣。


各站台台長






