回覆欄字體變大D! hover 背景圖

喜歡原創 不隨波遂流!

如有引用請用原文! 

很多人說回覆內容的字體很細, 是否欺老人家!? 可不可以加大些! 當然可以!

今次講回覆欄一些設置, 主要是將字體變大, 加圖片, 方便閱讀!

*      *      *

第一次用 png 制圖, 原來透視效果這麼好! 背景圖 2 款 :

點擊圖片觀看及取鏈:

95% 透明:    透明底: 



相信喜歡美化的網友自定欄位裏面巳有語法, 將之放在 <style></style> 之間即可! 不遂個寫了!! 省我用 HTML 寫文的功夫!

*      *      *

1. 回覆內容字體、字色

語法:  

/*回覆內容字色、字體大小*/
.comment-content .content{color:purple;font-size:18px;}

2. 有心回看自己回覆的網友, 滑鼠一指該位置添上背景圖, 看來漂亮一些! 文字換了色、字體也都變大了!

語法:  

/*指着回覆方塊時出現背景*/
.new-style-supplement #comment-list .comment-reply:hover{background:url(http://i642.photobucket.com/albums/uu147/toast1_big/sphmix/bud-float.gif);}


/*指着回覆文字時轉色、變大*/
.comment-content .content:hover{color:green;font-size:20px;}

3. 有些網友不玩美化, 又單純想回覆字體大一點, 可用此語法一次過將全部回覆資料及回應箱的文字加大、回覆文字轉色:



語法: 

/*一次過加大所有回覆資料、回覆箱輸入文字, 回覆內容轉色*/
#comment-list .comment-item{font-size:18px;color:purple;}

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

示範背景圖片引用自網絡、本人加工、繪制, 為免失鏈, 請上傳到你個人上載空間! 如有侵權, 請通知刪除!