つぎはカレンダーの記事を書いた日にアイコン画像をつけます
今度の場合もサイドの狭いほうにカレンダーがある場合と広いほうにカレンダーがある場合で使うアイコン画像のサイズが違います
サイドの狭いほうにある場合は・・・
横16px×縦16pxのアイコン画像を使います（これより大きいと画像が欠けます）
アメブロ付属の絵文字がこのサイズです
サイドの広いほうにある場合は・・・
横25px×縦19px以下のアイコン画像を使います（これより大きいと画像が欠けます）
画像が用意できましたらCSS・・・
（狭いほうも広いほうもＣＳＳは同じです）
/*カレンダー記事のある日にアイコン*/
.calendar td a{
color:#ffffff;/*記事のある日付文字色*/
background-image:url(画像のＵＲＬ );/*アイコン画像のＵＲＬ*/
background-position:center;
background-repeat:no-repeat;
display:block;
}
.calendar{
color:#ff00ff;/*カレンダーの文字色*/
}
.calendar caption{
color:#000000;/*月の文字色*/
}
/*カレンダー曜日の文字色*/
.calendar .sun{/*日*/
color:#ff0000;/*文字*/
}
.calendar .mon{/*月*/
color:#000000;/*文字*/
}
.calendar .tue{/*火*/
color:#000000;/*文字*/
}
.calendar .wed{/*水*/
color:#000000;/*文字*/
}
.calendar .thu{/*木*/
color:#000000;/*文字*/
}
.calendar .fri{/*金*/
color:#000000;/*文字*/
}
.calendar .sat{/*土*/
color:#0000ff;/*文字*/
}
もし・・曜日に背景色をつけ場合は・・
/*カレンダー曜日の文字背景色*/
.calendar .sun{/*日*/
color:#ffffff;/*文字*/
background-color:#ff0000;/*背景*/
}
.calendar .mon{/*月*/
color:#ffffff;/*文字*/
background-color:#cccccc;/*背景*/
}
.calendar .tue{/*火*/
color:#ffffff;/*文字*/
background-color:#cccccc;/*背景*/
}
.calendar .wed{/*水*/
color:#ffffff;/*文字*/
background-color:#cccccc;/*背景*/
}
.calendar .thu{/*木*/
color:#ffffff;/*文字*/
background-color:#cccccc;/*背景*/
}
.calendar .fri{/*金*/
color:#ffffff;/*文字*/
background-color:#cccccc;/*背景*/
}
.calendar .sat{/*土*/
color:#ffffff;/*文字*/
background-color:#0000ff;/*背景*/
}