2012年6月26日 星期二

回覆箱背景、安扭語法 字體變大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 一併帶走!


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

31 則留言 :

  1. 晚安 ! Akina.. 取喇, 慢慢學, 謝謝
    [版主回覆06/27/2012 10:09:50]早晨! 用到就好啦!

    回覆刪除
  2. 晚安 ~~
    [版主回覆06/27/2012 10:11:56]早晨! 開心新一天 !

    回覆刪除
  3. 字體變大D!
    [版主回覆06/27/2012 21:56:42]同是島主的你, 想方便D, 用語法把回覆欄字體變大吧! ^^

    回覆刪除
  4. 你的BLOG好靚... 我次次寫BLOG都好頭痛, 要搞很久...
    [版主回覆06/27/2012 22:02:59]這篇語法裏連圖的, 你有空可試試啊!
    [版主回覆06/27/2012 22:01:20]謝謝! 我自己造這 blog 的語法美化丫嘛! ^^
    .
    平時我寧花時間寫文章的稿, 不用亞虎的文章編輯器, 跳來跳去好煩!
    .
    你有時間可試試打些字轉去 HTML 模式看便看到寫法了! ^^

    回覆刪除
  5. 我來了啦...my Love friend...週三...☀░H░A░P░P░Y░☀
    [版主回覆06/27/2012 22:04:48]晚上好! 吃完忙果很甜 happy ^^ 祝週三愉快!

    回覆刪除
  6. 你最近好嗎?
    [wtm246回覆06/28/2012 18:18:16]願你一切安好!
    [版主回覆06/27/2012 22:05:51]OK 啦! 謝謝探訪呀! ^^

    回覆刪除
  7. 不知寫什麼BLOG好...就寫我愛♥ 雅姬蘭♥
    [版主回覆06/27/2012 23:47:32]叫我愛人來看先 晚安!

    回覆刪除
  8. 我係語法白痴,R哂头
    [版主回覆06/28/2012 10:49:10]這篇做出來不易的, 原本一早出, 不過其他人因伺服器冇心機玩, 所以由其放着...
    .
    誰知另一位出了底部一小部份, 我就快快出了這篇完成全個部份囉!
    .
    你 R 什麼頭??

    回覆刪除
  9. 週四愉快...有忙果吃... happy...

    回覆刪除
  10. 我在這方面還是很笨的!
    [版主回覆06/28/2012 21:57:57]不必這麼說呀! 我是由笨開始學, 白髮都迫了出來 有成果還是值!

    回覆刪除
  11. ♥ 雅姬蘭♥我在這方面還是很笨的!
    [版主回覆06/30/2012 18:27:02]你原來沒頭髮的, 今次你有賺給抓出幾條來了!

    回覆刪除
  12. 蘭:午安!妳好...我還學不好...
    [版主回覆06/30/2012 18:25:00]黃昏好!

    回覆刪除
  13. 不易...我很笨...

    回覆刪除
  14. 雅姬蘭,謝謝你將這些應用程式介紹給大家!到現在我連blog裡有些程式還沒搞懂.

    祝週末愉快!
    [版主回覆06/30/2012 23:58:51]這語法是我編寫的, 不用客氣! 亞虎的設定有時指引不能清楚, 要花時間摸索 .. 晚安!
    .
    祝週日愉快 ! ^^

    回覆刪除
  15. 您好!真是謝謝........
    我都搞不懂!我的版面很久沒有換了....
    [版主回覆07/01/2012 00:02:07]別客氣, 這篇語法連圖的, 按步聚剪貼到自定欄位即可! 不夠位便開新的 ^^ .. 祝週日愉快!

    回覆刪除
  16. 週日快樂, 雅姬蘭, 妳好!
    [版主回覆07/01/2012 17:58:17]午安, 週日快樂! ^^

    回覆刪除
  17. 哈哈...... 祝你有個美好的假期!
    [版主回覆07/01/2012 17:59:20]same same !

    回覆刪除
  18. 雅姬蘭,週日愉快!幸福常在
    [版主回覆07/01/2012 22:42:14]bananapple, 晚上好! 祝假日快樂!

    回覆刪除
  19. 雅姬蘭,節日愉快!
    [版主回覆07/02/2012 00:16:28]欣, 祝假日快樂! 晚安!

    回覆刪除
  20. 老師,引用了
    [版主回覆07/02/2012 21:18:11]晚上好! 當我係 blog fd 得了, 謝謝引用! ^^

    回覆刪除
  21. Akina,謝謝分享!拿回候用。
    [版主回覆07/03/2012 22:25:49]合用就好! 晚安!

    回覆刪除
  22. 謝謝Akina 分享 ...這些應用程 ...我還沒懂. 這一點我該好好學習。
    [版主回覆07/03/2012 22:27:43]現在亞虎都在準備階段, 放鬆慢慢啊! 有問題可問我啊! 晚安!

    回覆刪除
  23. Akina,謝謝分享,拿走了!
    [版主回覆07/05/2012 20:57:08]晚上好! ^^ 按扭旁的可輸入字數 ^^
    [Joe回覆07/05/2012 17:12:55]4000是什麼呢?

    回覆刪除
  24. 雖然我這個新手此刻不大懂,謝謝分享
    [版主回覆07/05/2012 21:00:47]晚上好! 新版要全美化還漫長, 放鬆學啊! 若不明可問我! ^^

    回覆刪除
  25. 謝謝教學,巳引用
    [版主回覆07/05/2012 21:01:48]晚上好! ^^ 歡迎取用

    回覆刪除
  26. 晚安!雅姬蘭 ,多謝妳無私的分享! 我拿走了慢慢再學...

    請問,這篇語法已經連圖,如果不想跟別人一樣,自己換圖可以嗎?
    [版主回覆07/07/2012 22:46:07]將語法括號裏面的網址換了便可, 如 background:url(圖片網址) .. 晚安

    回覆刪除
  27. 多謝指導及分享。
    [版主回覆07/16/2012 10:47:26]早晨! 祝學習愉快!

    回覆刪除
  28. 老師:原諒我這電腦白痴,不懂.............................
    [kamchoa回覆07/24/2012 15:00:37]非常多謝妳呀!我剛剛試到啦
    [kamchoa回覆07/24/2012 14:16:49]再次謝謝指教,我一定會試做!
    [版主回覆07/24/2012 13:21:26]在我的設定 → 主題/外觀樣式 → 底部進階選項 → 自定背景上載圖片 → 預覽 → 確定就可!
    [kamchoa回覆07/24/2012 11:36:56]早晨!見其他網友可以用自己的照片做背景、我已經不知道是怎樣做啦
    [版主回覆07/24/2012 10:51:39]那你想做以上什麼效果呢? 這次可貼綱上來我幫你砌 ...
    .
    語法是用一般英文和標點組成, 尤其對玩攝影的你, 該不難理解呀!
    [kamchoa回覆07/23/2012 22:41:32]再次謝謝妳呀,問題太多、不懂得從何問起
    [版主回覆07/23/2012 22:35:22]不好這樣說啊! 若有美化需要時歡迎問啊! ^^
    [kamchoa回覆07/23/2012 22:23:15]謝謝你的分享,抱歉愚蠢的我消化不了
    [版主回覆07/23/2012 16:04:17]現在的相機也是電腦啊! ... 你懂簡單換網址就成 .. 真的相用你相片做裝飾, 先看語法積木篇再算吧!

    回覆刪除
  29. 好久沒見,你POST左很多CSS,現在我較忙,好少玩喇有空來學習學習
    [版主回覆08/09/2012 17:27:46]... 頭像位置是 yblog 唯一不許拖走的位置, 我想匿稱是 yblog 視為必要的, 有語法, 但不好 ...
    [芯回覆08/09/2012 15:28:44]睇黍你以這裏為家,仲有冇返以前嗰度???
    [芯回覆08/09/2012 15:27:13]個名好UN眼,又唔知點整走佢,咪索性唔要個名囉~~~~你有冇辨法呀??
    [版主回覆08/05/2012 20:52:18]搞什麼連名都冇! 我對這裏都是和以前告訴你的一樣 ... Css 覺得夠用就好 ...

    回覆刪除
  30. 雅姬蘭 朋友:謝分享....謝無私教學....引用了
    ...
    [版主回覆09/02/2012 12:39:32]用到就好 ^^ 週日愉快 !

    回覆刪除
  31. (關格)✿雪櫻☆Snow Ying✿2012年10月15日 下午11:16

    我想請問雅姫蘭怎樣刪除文章頁數列表的框線?
    [版主回覆10/15/2012 23:28:08]我是整個中間欄位的框線清除你可拿這語法試試 #pagination-bottom{border-width:0px;}

    回覆刪除