griffik1xb1@outlook.com

    如果您還要貼上後臺音樂

*＜div align=center＞將文字置中

如何在文章內文加上背景圖片呢?

此部分為 小小羊兒教學-設定部落格背景

1.點 【揭橥文章】

2.勾選  【觀看HTML 原始碼】

3.貼上語法

/*Master header*/
#yhtw_masthead{background-image: url(http://xxxxx.gif);color:#000080;filter:alpha(opacity=80); opacity:0.30; moz-opacity:0.5;}
#yhtw_masthead a,#yhtw_masthead a:link翻譯社#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#000080;}

4.貼上背景圖片的網址

5.打消【觀看HTML 原始碼】

6.刪掉【文字放在這裡】這幾個字

7.插手文章內容(文字或圖片都可以)

8.發表

9.  ok...

10. 您所選用的圖片(不管圖片多大)會主動添滿您文章欄位的寬度

三欄式是850 二欄式是750 假如翻譯公司有更悔改文章欄位寬度也一樣會填滿

11.貼上那首歌的網址

12.直接發表就ok了

語法說明：
color:#ffffff（介紹詞文字顏色）
color:#008000（部落格名稱文字色彩）
background-color: #E1FFE1（部落格名稱文字底色）
;font-family:標楷體;font-size:130%（套入想要的字型及字的巨細，這段是額外加進去的，如不想變動可不插手這段）
別的，如不想加底圖只想要底色的話，把 "background:url(圖片網址)" 這一段換成 "background-color:色碼"
 這一段便可。
轉自http://tw.myblog.yahoo.com/jw!bKGuAgSXHR5rBVUe3TzWVa76pJ0-/article?mid=1042

部落格名稱字色彩、底色及字體和底圖
/*Blog title*/
#yblogtitle .mbd,#yblogtitle .mft{background:url(圖片網址); color:#ffffff;font-family:標楷體;font-size:130%}
#yblogtitle h1{color:#008000;background-color: #E1FFE1;font-family:標楷體;font-size:130%}

   如何在文章內文加上背景底色呢?

標題底圖 　規範： ↓下面的CSS的語法，是部落格目前利用的 /*Main content header*/ .yc3pribd .mhd{ background:url(題目底圖) repeat; color:#FBF2CA(題目文字的顏色);} 將灰色的部分，貼上連結圖檔的網址，前後括號＂（）＂也是語法之ㄧ喔，別刪除喔！ 語法典範： /*Main content header*/ .yc3pribd .mhd{ background:url(http://xxxxx.gif) repeat; color:#FBF2CA;} color色碼部分，看個人意思要不要不更改～色碼表 號召語底圖 　範例： ↓下面的CSS的語法，是部落格今朝利用的 /*Opacity for blast*/ #yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(圖檔網址) no-repeat} 將灰色的部份，貼上貫穿連接圖檔的網址，前後括號＂（）＂也是語法之ㄧ喔，別刪除喔！ 語法範例： /*Opacity for blast*/ #yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://xxxxx.gif) no-repeat} ＞上面綠色部份，為調劑透明度，數字越小越透明 ＞如果是選擇小圖示，要重覆並排，藍色部分改為＂repeat＂即可翻譯 背景固定 　典範榜樣： ↓下面的CSS的語法，是部落格今朝利用的 body { background-image: url(圖檔網址); background-repeat:no-repeat ; background-position :0% 100%; background-attachment: fixed;} 將灰色的部分，貼上保持圖檔的網址，前後括號＂（）＂也是語法之ㄧ喔，別刪除喔！ 語法類型： body { background-image: url(http://xxxxx.gif); background-repeat:no-repeat ; background-position :0% 100%; background-attachment: fixed;} 紅色部分說明: backgroud-position: 0% 0%; 左側上方 backgroud-position: 0% 50%; 左邊中央 backgroud-position: 50% 0%; 中央上方 backgroud-position: 50% 50%; 正中間 backgroud-position:100% 0%; 右側上方 backgroud-position: 0% 100%; 左側下方 backgroud-position: 100% 50%; 右側中心 backgroud-position: 50% 100%; 中心下方 backgroud-position: 100% 100%; 右側下方 ｐｓ：當然百分比可以任意調動，不一定上面的～  文章配景 　範例： ↓下面的CSS的語法，是部落格今朝利用的  /*Main content body*/ .yc3pribd .mbd翻譯社 .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table翻譯社 #yusrintro p{ background-image:url(圖片網址); color:#1A4066(文章分類的色彩)} #ymodcal .mbd td strong {color:#3B9DC1(日曆最先的顏色);} 將灰色的部分，貼上貫穿連接圖檔的網址，前後括號＂（）＂也是語法之ㄧ喔，別刪除喔！ 語法典範：  /*Main content body*/ .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table翻譯社 #ybloginfo table, #yusrinfo table, #yusrintro p{ background-image:url(http://xxxxx.gif); color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;} color色碼部門，看小我意思要不要不更改～色碼表 擺佈側題目圖 　範例： ↓下面的CSS的語法，是部落格今朝使用的 /*Nav module header*/ .yc3sec .mhd, .yc3subbd .mhd翻譯社 .yc3sec .mhd a, .yc3subbd .mhd a翻譯社.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited翻譯社 .yc3subbd .mhd a:visited{ background:#FBF2CA(標題原本底色);  color:#90620E(標題字體顏色); background-image:url(圖片網址);} #ymodcal .mbd td strong {color:#DD1D27;} 將灰色的部份，貼上貫穿連接圖檔的網址，前後括號＂（）＂也是語法之ㄧ喔，別刪除喔！ 語法典範： /*Nav module header*/ .yc3sec .mhd翻譯社 .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a翻譯社.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited翻譯社 .yc3subbd .mhd a:visited{ background:#FBF2CA;  color:#90620E; background-image:url(http://xxxxx.gif);} #ymodcal .mbd td strong {color:#DD1D27;} color色碼部門，看小我意思要不要不更改～色碼表 擺佈側內容底圖 　典範榜樣： ↓下面的CSS的語法，是部落格目前使用的 /*Nav module body*/ .yc3sec .mbd, .yc3subbd .mbd翻譯社 .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF(內容底色);background-image: url(圖檔網址);color:#FF0000(內容字體色彩)} 將灰色的部分，貼上連結圖檔的網址，前後括號＂（）＂也是語法之ㄧ喔，別刪除喔！ 語法類型： /*Nav module body*/ .yc3sec .mbd, .yc3subbd .mbd翻譯社 .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF;background-image: url(http://xxxxx.gif) ; color:#ff0000} 空行...段落:半型<br> 加二個等於空二格，以此類推 而高度就是您文章的長度 8.揭曉文章以前 9.勾選  【旁觀HTML 原始碼】 10.貼上語法 1.點 【發表文章】 2.勾選  【旁觀HTML 原始碼】 3.貼上語法 ＞上面綠色部份，為調劑透明度，數字越小越透明 <table cellSpacing=0 cellPadding=6 align=center bgColor=#009966 border=8> <tbody> <tr> <td>文字放在這裡</td></tr></tbody></table>