日付の NEW!!

新しいデザインでは記事をアップしてから24時間・・・

日付の横に　NEW！　が標準で表示されます

まずは・・・・
文字色を変えて太字にしてみます




/*最新の記事ＮＥＷ！*/
.contentNew{
color:#00ff00;/*NEWの文字色*/
font-weight: bold;/*NEWを太字*/
}

太字にしない場合はピンクの1行は削除します

※↓　中央寄せ とは同時に使用できません

次はNEWアイコンに変更します

　http://stat.ameba.jp/common_style/img/ameba/common/icons/new.gif
このようなＮＥＷアイコン画像を用意します

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

アイコンの位置を下げたりあげたりするにはアイコン表示位置の　3px　を調整します
0pxなら上に上がり5pxなら5px下に下がります

また・・・

time{
display:block;
float:left;
}
この部分を削除するとアイコンが日付の左につきます

フリーのNEWアイコン

FreeiconsWeb 　16x16 Gif New icons

ダウンロードして自分の画像フォルダにアップしてから使ってください