2012年10月11日 星期四

心情圖 smiley 語法


 喜歡原創 不隨波遂流!

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

看到有小朋友覺得心情圖太單調而摟計一番實在搞笑 ... ^^ ... ^^

升級前我就對心情圖好奇! 怎麼一幅圖可自動轉換呢? 尤其覺得黑色的 smiley 很可愛, 實在想試!! 由我來 ... 經過測試, 成功了!

1 條直條圖裏放上 12 個心情圖, 配上語法應用到 3 個欄位裏, yblog 就會對應顯示到你選的心情圖效果了!

現用格式為 png, 闊: 24 px 高: 398 px

*      *      *

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

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



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

*      *      *
開啟心情圖設定:

1. 我的設定 (一般設定) → 插件 → blog → 點 on 按扭→ 儲存

2. 在編輯文章時揀選心情圖, 按發表就成!

如圖:


語法:


  /*正文心情圖*/

#article-single .emotion{background:url(圖片網址);}


  /*主頁心情列心情圖*/

#emotion-carousel .emotion-content a{background:url(圖片網址);}


  /*簡介心情圖*/

#article-listing .title .emotion{background-image:url(圖片網址);}


如果想簡介用同一小圖, 又可用 gif, 語法如下:


  /*簡介統一心情圖*/

#article-listing .title .emotion{background:url(圖片網址);}


5 條 (黑色 smiley、猴子、心情圖、表情符號、金黃 smiley) 共 60 個心情圖, 由本人制作、網絡圖片加工:

點此開啓!

在圖片上按右鍵點圖片資訊觀/內容看圖片資料, 複制網址套用!

*如非作教學用途, 謝絕素材性引用!!

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



35 則留言 :

  1. Akina.. 唔客氣 la.. like 馬騮仔..
    [版主回覆10/12/2012 10:33:52]用到就好 ^^

    回覆刪除

  2. [版主回覆10/12/2012 10:34:13]Tks!

    回覆刪除
  3. 你很細心講解,謝謝。
    [版主回覆10/12/2012 10:37:29]客氣啦! 週末愉快 !

    回覆刪除
  4. 晚安!謝謝分享!好叻
    [版主回覆10/13/2012 10:43:41]早晨! 週末愉快 ^^

    回覆刪除
  5. ka ka...條魚細左啲...真實...總算有收獲啊...嘩...哈哈哈...
    [版主回覆10/13/2012 10:44:56]你加餸囉 ^^

    回覆刪除
  6. 蜓子...................2012年10月13日 上午11:27

    祝週末愉快,,點呀,,手臂還好嗎??讓它多點休息...
    [版主回覆10/13/2012 17:06:30]多謝關心! 疤痕有點紅和痛, 不過沒大礙 ^^

    回覆刪除
  7. 我電腦簡淺知識,唔喺好明白!
    [版主回覆10/13/2012 20:50:44]前次跟你說微型展當時還未出 post, 今次說已出 post 是在上星期啦! ^^ ...

    回覆刪除
  8. 謝謝 Akina 細心講解, 明白!
    [版主回覆10/13/2012 20:51:51]謝謝你明白 週日愉快!

    回覆刪除
  9. Akina ,我很笨..不太懂得看.....要有時間去研究才可了解....謝謝您分享....
    [版主回覆10/13/2012 21:51:33]其實你懂輸入語法巳是用到啦! ...

    回覆刪除
  10. 一有收獲...比哂D婆婆...煲湯...
    [版主回覆10/14/2012 16:27:00]你地一齊飲得很開心呀

    回覆刪除
  11. U are so talented
    [版主回覆10/14/2012 16:27:30]Thanks 啦! ^^

    回覆刪除
  12. Akina.. 週日快樂 !
    [版主回覆10/14/2012 16:30:46]週日快樂呀! ^^ 今日我在文中回覆竟有彈出視窗叫我建立 blog, 入不到 blog, 亞虎再這樣對人, 真的要另找快樂温存 ...

    回覆刪除
  13. D婆婆...煲湯...自己飲得很開心呀

    回覆刪除
  14. 手臂情況如何?保重啊!
    [Joe回覆10/15/2012 17:39:51]祝早日復原!
    [版主回覆10/14/2012 22:01:51]謝謝關心! 刮損了的疤痕在退卻中, 希望快些復完了!

    回覆刪除
  15. 朋友..妳好..開心又一天喔!
    ..✿*゚¨゚*.:。ℒ ❤ ve...❤•*¨`*•❤謝謝妳來訪❤•*¨`*•❤
    [版主回覆10/15/2012 20:50:01]謝謝妳來訪 開開心心又一天 ^^

    回覆刪除
  16. 我覺得以前YAHOO BLOG歌D公仔可愛得多,又COLOURFUL D><
    E家剩返全部同顏色連D表情都係差唔多ORZ
    不過每件事都會變既...唉
    [肥周回覆10/16/2012 01:46:38]我唔係係唔FB轉過泥架!我都唔係FB打BLOG既...
    係歌到D人太雜..
    [版主回覆10/15/2012 22:43:42]你的文好像是在 FB 打好轉過來放一放吧! 這也不打緊啦!
    有網友仍玩美化, 我還在寫, 只怕在這裏付出的心血遲早一舖清! ...
    [肥周回覆10/15/2012 22:23:29]或者我對每件事真係太被動又逃避...
    真心我唔想雅虎變...佢更新之後打BLOG打得勁慢,可以成日都出唔到字<可能係我蠢咗唔識打字>
    我都覺得早D離開是對的
    E家個陷越踩越深,出唔返泥
    [版主回覆10/15/2012 20:57:09]我覺得現在得靠自己去變呀! 主動先行! 你覺得等到亞虎變好嗎?
    開始覺得最初選擇放棄原來更易的人是對的! 可省掉對着電腦的時間 ...

    回覆刪除
  17. Pandora 香傭講法文2012年10月15日 晚上10:16


    [版主回覆10/15/2012 22:38:24]

    回覆刪除
  18. 詩詩:心愛到如今好網友,在楓葉紅紅的深秋十月裡,詩詩與妳玩一下『秋詩篇篇』,字裡行間只須要一句七字內包含一個(秋)字或以上!截止日期為2012年12月21日中午12時21分12秒前呀!
    (一) 雪緣:【-秋初秋起秋思愁-】
    (二) 詩詩:【-一壺飄泊一壺秋-】
    希望心愛網友,可慢慢把詩意傳開去,亦希望大家積極參與此次絕無僅有的『-秋詩會友-』,參加寫作次數不限,舊友新知或是日本人,哈哈..甚至仇家都無問題,最緊要寫作得開開心心...!
    (詩詩好榮幸你的來訪......因為寫作不好........所以將勤補拙 )
    [版主回覆10/16/2012 22:51:55]當我有詩意時找你 ^^

    回覆刪除
  19. 把你留下, 慢慢學,可以麼?
    [版主回覆10/16/2012 22:55:22]我文是公開的, 留了言 take a copy 慢慢學啊! ^^ 晚安!

    回覆刪除
  20. 超細粒。棉花貓2012年10月16日 晚上10:55

    謝教學!!!!^3^
    [版主回覆10/17/2012 10:54:15]早晨! 用到就好 ^^

    回覆刪除
  21. 有冇去睇通知呀? 就嚟Y. Blog好多嘢停用喇!
    http://blog.yahoo.com/yblog_hk/articles/714482
    [版主回覆10/17/2012 13:28:21]知丫! 看到你囉! 冇更新通知都還算是 blog 嗎? 想回到從前諗是沒有機啦! 夕陽餘輝啦 ...

    回覆刪除
  22. 要慢慢學........... 我看看前面, 很多都很有用呀....謝謝你~~
    [版主回覆10/17/2012 20:44:48]晚上好! 用到就好, 我希望可完成我想有的美化啦! ^^

    回覆刪除
  23. 雅姬蘭,謝謝您...不過要慢慢學...
    [版主回覆10/18/2012 10:33:58]早晨! 不用客氣 隨便看, 慢慢學啊!

    回覆刪除
  24. 謝謝妳用心的分享啊!~
    [版主回覆10/18/2012 16:30:34]午安! 希望大家 blog life 都玩得愉快啊! ^^

    回覆刪除
  25. 晚安
    •*♥*•.¸¸.•*♡*•.¸ ¸.•*♥*•.~(。◕‿◕。)
    ┊  ┊  ┊  ♥E。。一聲問候❣一份溫馨❣
    ┊  ┊  ♥V•♡ • • ★◇一串祝福❣美好人生❣
    ┊  ♥O••♡ • • ★◇☆°•♡ • 保持一顆愉快的❤❣❣
    ♥L••♡ • • ★◇☆°•保持一顆愛家人的❤❣❣
    [版主回覆10/18/2012 21:40:10]秋涼多穿衣啊 ^^ 晚安!

    回覆刪除
  26. 謝謝分享:心情圖 smiley 語法!
    [版主回覆10/19/2012 10:49:42]早晨! 謝謝到訪! ^^

    回覆刪除
  27. 鴉姬蘭:午安!祝週末快樂!
    [版主回覆10/20/2012 20:42:53]
    [秋金回覆10/20/2012 19:04:24]雅姬蘭 :對不起寫錯名....
    [版主回覆10/20/2012 16:33:32]我不是"鴉"姬蘭 ... 週六愉快呀!

    回覆刪除
  28. 鴉姬蘭: 這心些情圖語法對美化網誌十分有用,,但我較蠢,, 看得不很明, 都是不敢輕舉妄動好了,,不然怕會搞不返回形狀呀,,
    [版主回覆10/20/2012 16:39:49]這些語法是貼圖的, 你跟步驟貼到自定欄位就可! 想關上就關掉 yblog 心情圖設定, 還原便把語法刪除, 裝不裝上隨你啦! 週6愉快!

    回覆刪除
  29. 心情圖在發表文章內咪有囉?....這篇教學是指不用原裝的改用黑色或其它公仔?...按 on後語法貼在那裏?用時按右鍵....Mouse是放在那裏按??有點不明白呢?...
    [- 欣 -回覆10/20/2012 22:38:09]thank you雅姬蘭..遲D試試看!
    [版主回覆10/20/2012 22:30:08]當然是指換圖囉! 你該也看到了我文章頂換了黑色 smiley 吧! ... 在紅框中 "點此開啓" smiley 圖檔, 看心情圖款色, 在圖上按右鍵... 看網址 ... 語法一向都是貼在自定欄位裏啦! .. 晚安!

    回覆刪除
  30. ♫. .☆. . . ♡. . ♪. .☆. .♡. ♫. .☆. . . ♡. . ♪. .☆. .♡.
    ★╭══╮⊱. good night..ღ....ღ...
    ╭╯□□║ ⊱...開心又到週日啦
    ╰⊙═⊙╯⊱...o0○¸¸.•*¨¨*•.¸¸♥¸¸.•*¨¨*•.¸¸♥

    回覆刪除
  31. very good ar ^^ thx for useful guide ^^
    [版主回覆10/22/2012 22:37:53]Thanks! Happy Holiday!

    回覆刪除
  32. (關格)✿雪櫻☆Snow Ying✿2012年10月23日 下午6:04

    可以幫我代製時計嗎?遲些會給圖網你。
    [(關格)✿雪櫻☆Snow Ying✿回覆10/24/2012 19:26:38]原來如此!
    [版主回覆10/23/2012 18:58:27]我沒時間代制時計啦! ... ...

    回覆刪除
  33. Akina又轉了版,好有親切感. 是否以前不變?近日玩了幾個版,又要重新學習..過來偷師
    [版主回覆10/24/2012 17:37:04]大部份語法都一樣, 貼緊升級後的版最明顯是標題圖和背景之間夾層分佈不同了 ... 新版暫不理了! ...
    [Sarah回覆10/24/2012 15:19:07]我都無晒心機
    [版主回覆10/24/2012 11:19:21]我喜愛這版就拿來加工番新囉! 標題圖語法變了, 在回覆中通知了你呀! ...
    亞虎又在版的位置加D減D玩死人!! 我都冇乜心機玩, 遲D先算 !! ...

    回覆刪除
  34. 好得意....我想試試自創一個心情圖......sMile.....
    但小晴還是不懂yahoo既語法.....
    [版主回覆02/12/2013 10:47:55]加了圖啦! 隨便取用啦!

    回覆刪除