回應 答覆 回覆 頭像改小圖語法

喜歡原創 不隨波遂流!

如有引用請用原文、取用留言!

很久沒寫過語法教學文了! 我能美化版面, 同時亦是個不愛用圖太多的人, 要修改最煩心!! 不過一開格發覺自己的回應、答覆、回覆、頭像給改成了黑色的 Black Man ! Oh! No!

難看之極! 我清麗的版面那裏去了!!

開放個人檔案又不安全, 所以又得用語法去改!

用語法可把這些小圖轉用動圖 gif 美化, 這又適合愛美的人換圖玩玩了!

*      *      *

不少網友慣用的自定欄位輸入空間巳經爆滿, 請自行掉配空間! 在其他自定欄位輸入語法, 繼續美化!



記得將所需語法全部加入一個自定欄位放於總共一對 <style></style> 之間包着即可!!

欄位名稱、語法動作順序中、英對照! 中文註解於消化後, 請只用英文部份, 省卻語法輸入空間!

*      *      *

做法是消除黑色/原本頭像小圖, 再換上新小圖 ~

語法:
/*消除回應黑色/原本頭像小圖*/
#comment-form .url img{display:none;}

/*回應頭像小圖*/
#comment-form .url{background:url(圖片網址) center center no-repeat;height:高度數字px;}

/*消除答覆黑色/原本頭像小圖*/
.comment-reply .url img{display:none;}

/*答覆頭像小圖*/
.comment-reply .url{background:url(圖片網址) left center no-repeat;height:高度數字px;}

/*消除回覆箱黑色/原本頭像小圖*/
#comment-list .reply-container .url img{display:none;}

/*回覆箱頭像小圖*/
#comment-list .reply-container .url{background:url(圖片網址) center center no-repeat;}

如果想只要顯示對答者匿稱可用以下語法:
/*一次過消除黑色/原本頭像小圖*/
.url img{display:none;}


答覆頭像小圖是無分你我一次過改的, 所以圖示都一樣, 只好用名字去分了!

Tips: 小圖大小如適中, 可完整顯出來, 便可省去限制高度語法了!


示範連圖語法:

#comment-form .url img{display:none;}

/*回應頭像小圖*/
#comment-form .url{background:url(http://img.mysinablog.com/resources.php?blogName=moniwhite446&resource=3907206-GoldHeart.gif) top center no-repeat;height:69px;}

.comment-reply .url img{display:none;}

/*答覆頭像小圖*/
.comment-reply .url{background:url(http://dl10.glitter-graphics.net/pub/1918/1918640y5mm4cu0u0.gif) left center no-repeat;}

#comment-list .reply-container .url img{display:none;}

/*回覆箱頭像小圖*/
#comment-list .reply-container .url{background:url(http://img.mysinablog.com/resources.php?blogName=moniwhite446&resource=3809944-diamond.gif) center center no-repeat;}

由於這個壞版面的黑色小圖, 是由系統造成的, 語法控制是能出現在自己 blog 內, 到別人的 blog 去留言仍是無法改的!

為免圖片失鏈, 請上傳到你個人上載空間!

*如非作教學用途, 謝絕素材性引用!!

*自我學習請於引用後轉為自己看, 不可私傳!

***測試、制作及編寫下過心機, 用過時間,
引用文章請連同我 blog Logo  一併帶走!

圖片來自網絡加工, 如有侵權請通知刪除!