尋找真實的夢幻境地

*************規規******************

1.想引用或帶走請告知我.

2.不准盜取文章.否則一律加黑名單.

3.請不要擅自竄改!否則加黑名單!

4.小白請點它:

+++++++++廢話+++++++++++

我不敢說自己是教學者啦(苦笑

畢竟語法也不是我親自打的.會累死(廢話

那麼......

宣導者:

我覺得這樣還差不多~(誒

+++++廢話結束．教學開始+++++

我個人比較鼓勵製作版型者使用PI8(PhotoImpact8.簡稱PI8)這種製圖程式.因為功能滿多的.(笑

而將圖片上傳至網路的網站我推薦兩個:

http://imgur.com/

http://imageshack.us/

怎麼將圖片上傳呢?我懶得說.請點:怎樣把網頁做成圖片的教學(自己無聊打的(巴 裡面有解說.

1.背景圖

基本上.背景圖的規格是寬1100ｘ高680左右.(至少答答是這麼算規格的(誒

語法:

body {background-image:url(圖片網址);background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;}

2.標題圖

就是小格最上方的圖(謎:這樣講有誰懂啊?

語法:

#yblogtitle h1 {
display:block;
float:left;
background:url(圖片網址) 0 0 no-repeat;
width:寬px;
height:高px;
font-size:0;
line-height:0;
overflow:hidden;
cursor:pointer;
cursor:hand;}#yblogtitle .mbd{text-align:center;}
#yblogtitle .mbd .thd{background-repeat:no-repeat;background-position:0% 100%;width:寬px;height:高px;text-align:center;}
#yblogtitle h1{color:#78AEFF;font-weight:bold;}
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm,
#yblogtitle .rcbtm div{zoom:1;}

3.訂閱圖

語法:

div#btnsbsrb a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

4.性別圖

語法:

#ymodprf .horos img{display:none;}
#ymodprf .horos{width:圖片寬度px;height:圖片高度px;background:url(性別圖網址) center no-repeat;}

5.招呼語圖

語法:

#yblast .bg {zoom:1;background:url(圖片網址) no-repeat;}

6.頭貼

管理部落格→個人相片→上傳

7.回應引用圖

語法:

div.btncomment a {display:block;height:圖片高度px;width:圖片寬度px;background:url(我要回應圖片網址) no-repeat;}
div.btntrackback a {display:block;height:圖片高度px;width:圖片寬度px;background:url(我要引用圖片網址) no-repeat;}

8.回應欄上方圖

語法:

#rtemodule {background:url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}
#ypreviewmsg .yvstrcmnt{background:transparent url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}

9.卷軸改色

請至http://tw.group.knowledge.yahoo.com/nkhs-9323005/article/view?aid=15

宣導完畢.希望給更多不會做版型的大大們一些參考.(鞠躬

＊文章版權歸所有＊