sandychen3699的部落格

下圖是原系統中我要回應的圖片

及版主回覆時回應框中無頭像

改變後版主回覆內容中左上方多ㄌ頭像

及我要回應改成自己的圖片

做法:

製作一張我要回應的圖片(不要太大)如下圖
制做個人頭像圖片也不要太大建議 65X65大小如下圖

v/*我要回應圖片變更*/ .comment a.commentbutton{ background:url(圖片網址) no-repeat ; width:115px; /*←圖寬度(請自行調整)*/ height:37px; /*←圖高度(請自行調整)*/ display:block; border:0; position:absolute; padding-top:5px; right:0px; } /*文章下留言(回應)內容文字及其他設定*/ .commenttext{ padding-top:55px; 　/*←將距離上方間距加大一些(請自行調整)*/ } /*文章下版主回覆框加頭像圖*/ .reply_author{background:url(頭像網址) no-repeat ; width:65px; 　/*←頭像圖寬度(請自行調整)*/ height:64px; 　/*←頭像圖高度(請自行調整)*/ display:block; border:0; position:absolute; margin-top:-10px; margin-left:-320px; /*←距離左側間距(請自行調整) } /*文章下留言(回應)內容文字及其他設定*/ .commenttext{ padding-top:55px; 　/*←將距離上方間距加大一些(請自行調整)*/ } /*文章下版主回覆框加頭像圖*/ .reply_author{background:url(頭像網址) no-repeat ; width:65px; 　/*←頭像圖寬度(請自行調整)*/ height:64px; 　/*←頭像圖高度(請自行調整)*/ display:block; border:0; position:absolute; margin-top:-10px; margin-left:-320px; /*←距離左側間距(請自行調整) } /*文章下留言(回應)內容文字及其他設定*/ .commenttext{ padding-top:55px; 　/*←將距離上方間距加大一些(請自行調整)*/ } /*文章下版主回覆框加頭像圖*/ .reply_author{background:url(頭像網址) no-repeat ; width:65px; 　/*←頭像圖寬度(請自行調整)*/ height:64px; 　/*←頭像圖高度(請自行調整)*/ display:block; border:0; position:absolute; margin-top:-10px; margin-left:-320px; /*←距離左側間距(請自行調整) }

本文引用:https://blog.xuite.net/fanlucy/1500/212222611#message_header