心情圖 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  一併帶走!