カレンダーに写真を貼ってよりカレンダーらしくします
はじめにカレンダーに貼り付ける写真（画像）を用意します
サイドによって狭い広いのサイズが違ってきます
狭いほうにカレンダーがある場合
横幅140pxの写真を用意します
縦サイズはＣＳＳで設定しますから気にしなくてかまいません
広いほうにカレンダーがある場合
横幅220pxの写真を用意します
縦サイズはＣＳＳで設定しますから気にしなくてかまいません
CSSの最後に
（用意する画像の横幅だけ気をつければＣＳＳは狭いほうも広いほうも同じです）
/*カレンダーに画像*/
.calendar{
padding-top:175px;/*画像の縦＋スキマ（10pxくらい）Ａ*/
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
background-position:center top;
}
次はこのようなカレンダーにしてみます
やはり狭いほうと広いほうで写真（画像）のサイズが違います
また・・このタイプの場合・・
月によって5週の場合と6週の場合がありますので縦サイズが月によって違います
そのため縦横がきっちりはっきりとした画像は向きません（月によって上下が切れる場合がありますから）
狭いほうにカレンダーがある場合
横160px縦165pxの写真を用意します（5週の月は上下が欠けます）
※これ以上大きな画像でもかまいませんが表示されるのは中央の160×165部分です
広いほうにカレンダーがある場合
横280px縦200pxの写真を用意します（5週の月は上下が欠けます）
※これ以上大きな画像でもかまいませんが表示されるのは中央の280×200部分です
写真素材 「無料動物写真素材 アニマルフォト」
CSSの最後に
（用意する画像の横幅だけ気をつければＣＳＳは狭いほうも広いほうも同じです）
/*カレンダーに画像*/
.calendarMenu .skinMenuBody {
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
background-position:center;
}
使う写真によっては日付が見にくくなってしまいます・・
.calendar{
color:#ff00ff;/*日付の文字色*/
}
.calendar a{
color:#0000ff;/*記事のある日の文字色*/
}