August 24, 2009
鼓勵此網誌：0
這次做樣板時,突然靈機一動,
想在這部分搞怪一下,
所以就把語法給整理出來囉~
朋友們可以自己更換喜歡的框,
不過只有網誌留言才有,
留言板的頭貼無法加上喔~
下次音符會試試看相簿可否加上的,
當然音符的語法是自己學習自己變換的,
並不是絕對的,你也可以自己更改喔~
請將語法貼在css語法最底下即可
語法解說:
width:135px;<---------改成你的圖寬
HEIGHT:180PX;<--------改成你的圖高
BACKGROUND:url(圖片網址) no-repeat;<-------改成你的圖片網址
MARGIN:0px;<---------圖框與頭貼靠邊間距
PADDING-TOP:14px;<------中間大頭貼往下移動間距
Padding-left:4px;<--------中間大頭貼往右移動間距
5/12補充:音符後來想到,中間大頭貼會大小不一,
因每個人上傳的頭貼長寬比例不同,
所以顯示上就不同,因此加上底下語法,
用以將頭貼完全置中填滿框內~
.comment_portrait a img{ width:112px;height:147px;)
width:頭貼寬度;Height:頭貼長度;<---視框的中間空白處大小而更改即可~
語法解說:
background:url(圖片網址) no-repeat left top;<---圖片不重複,靠上靠左
font-size:14px;<---------數字大小
width:67px;<------------改成你的圖片寬度
height:72px;<----------改成你的圖片高度
color: #285914;<----------數字顏色色碼
text-align:center;<--------數字在圖中置中
padding-top:27px;<-----------數字往下移動間距
margin:0;<---------數字與圖靠邊距離
float:right;數字與圖置右(也可改left)
background:url(圖片網址) no-repeat left top;<---圖片不重複,靠上靠左
font-size:14px;<---------數字大小
width:67px;<------------改成你的圖片寬度
height:72px;<----------改成你的圖片高度
color: #285914;<----------數字顏色色碼
text-align:center;<--------數字在圖中置中
padding-top:27px;<-----------數字往下移動間距
margin:0;<---------數字與圖靠邊距離
float:right;數字與圖置右(也可改left)
語法整理
