記事投稿日時の右横の New! を画像にする

★　記事投稿日時の右横の New!　を画像にする


①　用意する画像例(横幅 15px 縦 7px)





②　ＣＳＳへ下記を追記します。

/* ------------------------------------------------------- */
/* 記事投稿日時の横の New! 　を画像にする　　　　　　　　　*/
/* ------------------------------------------------------- */
.contentNew{
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:left 3px;/* 画像の位置　水平と垂直 */
text-indent:-9999px;/* New! の文字を消す */
display:block;/* ブロック化 */
float:right;/* 一番右に配置 */
width:15px;/* 画像の横幅 */
position:relative;/* 相対配置 */
left:-190px;/* 左へ移動させる */
}

◆　位置は、相対配置なので、投稿日時の左や、記事タイトルの左など
　　色々な場所に配置ができます。



●　画像は、下記の素材屋さんを利用させていただきました

http://sozai.7gates.net/




★　追記

●　上記と合わせて、各種一覧の　New! の位置を調整します。

/* --------------------------------------------- */
/* 一覧の New!　の位置を調整　　　　　　　　　　 */
/* --------------------------------------------- */
.contentsList .contentNew{
left:10px;
}