回覆箱背景、安扭語法 字體變大D!

喜歡原創 不隨波遂流!

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

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

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

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

*      *      *

由 6 年前一邊玩美化一邊學習、嘗試, 轉過幾台... 拿到第 5 本 Css 的書裏面提到 blog 裏常有和重要的 4 大要項 ...

今次的文就用到其中一項, 非單靠看碼就能造出來的呢! 還首次試了另外的作法, 都成功了!



所以最好的良師是: 好奇、學習、不斷嘗試的心!

*      *      *

在此可選替換圖 ~ 點擊觀看及取鏈:

          

*      *      *

說回這個要項是什麼呢? 就是 "textarea" 泛指大範圍的輸入位置, 如單是用這個項目去造語法, 會影響到自定欄位的!!

準確找對欄位名稱, 可以獨立應用在回覆箱, 做不同背景、文字語法來美化! 實在高興!

語法:    

/*回覆箱輸入文字變大、轉色、背景、刪除邊框*/
#comment-list textarea{font-size:18px;color:#4B0082;background:url(http://img.mysinablog.com/resources.php?blogName=moniwhite446&resource=3618164-kid-melody.gif) center bottom no-repeat;border-width:0px;}

/*回覆箱底層背景*/
#comment-list .reply-container{background:url(http://img.mysinablog.com/resources.php?blogName=moniwhite446&resource=3618162-laundryB.gif) right top no-repeat;}

/*透視回覆相 4000 字樣*/
#comment-list .reply-container .comment-charcounter{color:transparent;}

/*回覆箱按扭字色*/
#comment-list .reply-container .sm{color:transparent;}

/*回覆箱按扭背景、刪除邊框*/
#comment-list .reply-container .yut-btn{background:url(http://img.mysinablog.com/resources.php?blogName=moniwhite446&resource=3618163-bucket.gif) center no-repeat;border-width:0px;}

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

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