2012年3月21日 星期三

回覆欄字體變大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 一併帶走!


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

20 則留言 :

  1. 祝你一周愉快!
    [版主回覆03/21/2012 20:31:58]大家都愉快 ! ^^

    回覆刪除
  2. 謝謝分享啊!
    [版主回覆03/21/2012 20:33:08]別客氣! 祝學業進步

    回覆刪除
  3. 亞虎成日改野,好心佢d保安做好d啦,免d立心不良嘅人有機可乘。
    [版主回覆03/21/2012 20:35:23]改得方便先會有人讚囉! 只能說亞虎有很大進步空間囉 !

    回覆刪除
  4. 謝謝分享~~ 
    好想用妳嘅code整下我個留言版,不過都未整~ 
    [版主回覆03/22/2012 11:52:41]你是指回應箱吧! 這篇是語法連圖的, 只雖 copy 語法到自定欄位裏即可用了! 隨時整吧!

    回覆刪除
  5. Thanks for your sharing though I've problem to add this in my blog, even the pic I put in my comment space before have disappeared.
    [版主回覆03/23/2012 09:12:59]聽你這樣說可能你的自定欄位空間滿了! 開多個放新的語法試試!!
    [Winsome回覆03/22/2012 23:32:29]Actually I didn't remove them, it disappears bit by bit automatically. I don't have much spear time to investigate it now, will leave it for a while and amend it later. Thanks for your advice!
    [版主回覆03/22/2012 23:26:09]如果以你現時的語法裏, 就看不到有關的語法, 可能你不心洗掉了呀 ..
    [版主回覆03/22/2012 23:17:22]可能只是加入語法時, 有些 letter spacing 不對吧! 格式要準! 那你在我 blog 試到效果不?
    .
    現在我不遂個寫 <style></style>, 相信你懂得補上呀!

    回覆刪除
  6. 引用了,謝謝!!!
    回應欄甘多語法,
    有排玩
    [版主回覆03/23/2012 00:36:03]字大D 容易看些啦! 到另 blog 探人時回覆字的大小剛好, 不用語法, 一時想不如轉台
    .
    晚安 ^^
    [靚blog園回覆03/23/2012 00:07:59]我大老花,
    好岩用

    回覆刪除
  7. 火鳳凰自言自語2012年3月23日 上午8:18

    很聰明的雅姬蘭,但遇上不聰明的火鳳凰!
    [版主回覆03/23/2012 09:10:46]在語法上我有點小聰明, 在生活上你聰明得多呀!

    回覆刪除
  8. Hello 謝謝你的分享,原來回應好有好多玩法,引用了
    [版主回覆03/23/2012 18:42:15]大字、添背景美化方便閱讀, 也有人喜歡字細的, 用法就可在 Css 裏選了 ^^

    回覆刪除
  9. Pandora 香傭講法文2012年3月23日 下午4:27

    yahoo 應出糧俾你^^
    [版主回覆03/23/2012 18:44:58]如可在家裏用電腦賺錢好呀

    回覆刪除
  10. 晚安呀!祝你健康幸福,週末愉快!星期五晚有咩節目先?
    [版主回覆03/23/2012 21:00:32]天氣變化不定, 最緊要健康! 週未愉快 ^^

    回覆刪除
  11. 引用了,回去慢慢玩.
    [版主回覆03/23/2012 21:10:36]好啊! 謝謝正確引用

    回覆刪除
  12. 成功了,哈哈!昨晚太累!謝謝您辛苦硏究,等我地有靚卜用
    [版主回覆03/23/2012 21:02:53]真巧! 昨晚我都用電腦用到淩晨, 睡不着! 有時間會再寫新成果

    回覆刪除
  13. thanks!
    [版主回覆03/23/2012 22:01:59]用到就好! 晚安 ^^

    回覆刪除
  14. 我又嚟囉好朋友, 多謝你喔! wtm246祝你每日都健健康康!
    [版主回覆03/25/2012 17:55:00]祝你過了愉快的週未 ! ^^

    回覆刪除
  15. 謝謝用心~
    [版主回覆03/25/2012 20:27:51]客氣了, 晚安! ^^

    回覆刪除
  16. Hi ! 晚上好 週日愉快 , 平安喜樂 ! \
    [版主回覆03/26/2012 11:03:54]早晨, 祝一週愉快 ^^

    回覆刪除
  17. 妳的電腦知識很豐富呢~
    謝謝分享~^^~
    [版主回覆03/26/2012 11:07:35]只一點點啦! ^^ 分享一點美化, 大家都玩得高興啊!

    回覆刪除
  18. 晚上好Akina!多天沒探你了,過來說聲晚安啊!
    取用了第2段之2,謝謝!
    [版主回覆03/26/2012 11:09:37]好啊! ^^ 過來睇相先 !

    回覆刪除
  19. 終於等到啦,THX
    [版主回覆04/01/2012 18:57:44]別客氣! 我常想亞虎會不會自動把字體改大, 結果是自己動手快 D 囉!

    回覆刪除
  20. 多謝好介紹,,但要慢慢理解,,,
    [版主回覆06/11/2012 23:44:04]別客氣, 請隨意參看! 晚安!

    回覆刪除