close

/*文章內容背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(圖片網址);color:#040967} #ymodcal .mbd td strong {color:#040967;}



/*固定 Blog 的背景圖*/
body{background-repeat:repeat;background-attachment:fixed;}



 紅色的部份是更改的地方,只要將 CSS 的程式碼貼在 自訂樣式 的底下就可以嚕!而且根據你在 進階樣式 所設定的透明度指數,圖片也將會呈現透明的視覺感喔!至於文字的號碼,也可以從 進階樣式 直接查詢,方便又快速!最讚的就是,也可以放 .gif 的動態圖片!希望大家會喜歡喔~


(補充:透明度如果在 進階樣式 無法設定成功,那就必須到 自訂樣式 裡去更改 CSS 程式碼)


/*Opacity for main content*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:50)}


opacity是指「透明度」


 提供素材網站:素材屋 & 阿盛素材網站 & SCIE 圖庫中心 當然還有更多家素材免費提供,都可自行搜尋,最後就是將喜歡的素材圖片,先下載到個人電腦裡,然後再上傳到屬於個人的網頁上,這樣才會避免貼圖的網站「主機負荷」的情況發生。


除了香港雅虎有免費 15MB 的容量之外, 也有提供免費的 100MB 容量,但有時系統會怪怪的,要多進幾次喔!這裡有介紹「如何將圖片上傳」到中華優惠網


 噹噹!看一下結果吧!這個變更的範圍還包含「個人資料、自我介紹、留言板」等的地方喔~


範例:




 想試試效果者,這裡提供六組樣式參考,(不過文字號碼要記得改喔!):


/*文章內容背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://hk.geocities.com/catie2895/css/ad01.jpg);color:#040967} #ymodcal .mbd td strong {color:#040967;}


/*文章內容背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://hk.geocities.com/catie2895/css/ad02.jpg);color:#040967} #ymodcal .mbd td strong {color:#040967;}


/*文章內容背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://hk.geocities.com/catie2895/css/ad03.gif);color:#040967} #ymodcal .mbd td strong {color:#040967;}


/*文章內容背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://hk.geocities.com/catie2895/css/ad04.gif);color:#040967} #ymodcal .mbd td strong {color:#040967;}


/*文章內容背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://hk.geocities.com/catie2895/css/ad05.gif);color:#040967} #ymodcal .mbd td strong {color:#040967;}


/*文章內容背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://hk.geocities.com/catie2895/css/ad06.gif);color:#040967} #ymodcal .mbd td strong {color:#040967;}




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 林建良 的頭像
    林建良

    DIY玩化學

    林建良 發表在 痞客邦 留言(0) 人氣()