回覆欄消除分隔線及入圖, 透視回覆資料方塊

喜歡原創 不隨波遂流!

如有引用請用原文! 

我們的回應欄包含由一塊塊的灰色方塊組成, 美化了回應箱接着自然想到處理它及之間的分隔線!

為免重覆同一部份背景解說, 先講相關範圍可做的效果, 好使網友自由應用!

示範動圖引用自網絡, 為免失鏈 請上傳到你個人上載空間!

*      *      *

回應欄有分隔線的地方由回應箱底部至最後回覆的底部, 在此入圖用來做背景或分隔線、透視會令回覆方塊有同樣效果, 分不開來!



如圖:

  

a. 要令每個回應連回覆之間有獨立的分隔線, 得先在灰色的回覆方塊做透視或入圖, 二選其一! 今次示範我選了透視!

b. 接着將原來的分隔線(格線)刪除後, 用圖代之, 添上漂亮的分隔線!

a. + b. 兩個效果同時一起做!

*      *      *

語法:

15/9 更正!

<style>/*透視回覆資料灰色方塊*/
.new-style-supplement #comment-list .comment-reply{background:none;}


/*回覆欄分隔線置圖代替刪除之格線*/
#comment-list .comment-item{background:url(http://i100.photobucket.com/albums/m1/martian_cat/2lipdivider.gif) center bottom no-repeat;border:0px none transparent;}</style>

***測試、制作及編寫下過心機, 用了時間,
如要引用語法或文章資料請連同我 blog Logo  一併帶走!