回應箱背景加圖, 字體變大 D! 私人回應及 smiley 語法

喜歡原創 不隨波遂流!

如有引用請用原文! 

一直用 FF 看 blog, 覺得字體大小還可以, 一天用 IE 去看, 覺得字體比較相對的細小 ! 因此造了這篇文! 想快些美化用上!

今次說的是回應箱, 就是個別回應第一位發言的人所用範圍!分有底部的灰色部份, 和輸入文字的白色部份!

1.現有兩欄式和三欄式型版, 在灰色部份用了 比例 percentage (%) 的語法配合兩者位置, 向右移 85%, 設定適合高度, 添上透明背景的漂亮花朵! 加了框線!

2.在白色部份放了一對活潑的小鳥, 真係有少少鐘意咗佢 ! 字體大小為 18px

語法:

<style>/*回應箱灰色部份*/
#comment-form-wrapper #comment-form{background:url(http://dl4.glitter-graphics.net/pub/1061/1061544ukscav2st2.gif) 85% top no-repeat;height:155px;border:1px dashed hotpink;}

/*回應箱白色輸入部份*/
#ygubcmt .fields .textarea{background:url(http://dl4.glitter-graphics.net/pub/667/667564dbjv00mrz0.gif) center bottom no-repeat;color:purple;font-size:18px;border-width:0px;}</style>

*      *      *

3.私人回應可改變字色配襯版面, 有時某些原因不想有私人回應將之關上:

語法:  

<style>/*私人回應字色*/
.set-private label{color:purple;}</style>


<style>/*關上私人回應*/
.set-private{display:none;}</style>

*      *      *

4.新增的心情圖項目 smiley 令人階大歡喜, 又可換上悅目的小圖:

語法:  

<style>/*心情圖 smiley 換小圖*/
.emoticon{background:url(http://i84.photobucket.com/albums/k24/Ksnaz/BumbleBee.gif) center no-repeat;}

/*指着心情圖 smiley 換小圖*/
.emoticon:hover{background:url(http://dl10.glitter-graphics.net/pub/1399/1399290k3ph8mwn9x.gif) center no-repeat;}</style>

*      *      *

有沒發覺要選心情圖時按 smiley 又得, 按下箭咀又得呢!? 好像有點混淆! 想將之珊去呢!

語法:

<style>/*刪除 smiley 旁箭咀*/
.emoticon-toggle{display:none;}</style>

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

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