こんにちは、カスタマイズと復興支援で頑張るたっくんです。


新デザインでは、更新後24時間以内の記事には、


標準でNEW!が表示されるようになりました。


もちろん、CSS編集で色とか変更できますが、


今回は画像をダウンロードしてみました。


カスタマイズと復興支援で頑張るたっくんのブログ


以下のCSSを追加してみてください。


注:新CSS編集用デザインのカスタマイズです。


/*新着記事のNEW!*/
time{
display:block;
float:left;
}
.contentNew{
background-image:url(画像のURL);
width:22px;/*画像の横*/
background-position: 0 3px;/*アイコン表示位置*/
background-repeat:no-repeat;/*繰り返さない*/
display:block;
float:left;
text-indent:-9999px;
}

こんな感じになります。


カスタマイズと復興支援で頑張るたっくんのブログ


いつもお世話になっています、


実験委員さんの記事を参考にしました。


ありがとうございます。


ぜひ、あなたも参考にしてみてください。

CSS NEW!!


ちなみに、


実験委員さんの記事でも紹介されていますが、


フリーの素材サイトがありますので、


よろしかったら、こちらもお試しください。


私も、こちらのサイトからダウンロードしました。


http://www.freeiconsweb.com/16x16_new_icons.htm

(リンクしています↑)

Free 16x16 Gif New icons Free Icons Web