MT覚え書き：月送り画像表示横型カレンダー
今までサイドバーに表示させて使っていた月送りカレンダーを横型カレンダーに変更してみました。
「小粋空間」さんの、
”月送りカレンダー（横型・リアルタイム版）”と、
”リアルタイムカレンダー（画像表示版）”を参考にさせていただきました。
まずは、管理メニューから、「テンプレート」、「アーカイブに関連したテンプレート」の「新しいアーカイブ・テンプレートを作る」をクリック。
テンプレートの名前：横型カレンダー（例）
テンプレートの中身は↓
で、保存。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1./ Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<link rel="stylesheet" href="<$MTBlogURL$>calendar.css" type="text/css" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
</head>
<body >
<div class="calendar">
<span class="calendarHead">
<MTArchivePrevious>
<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php">＜</a>
</MTArchivePrevious>
<$MTArchiveDate format="%B %Y" language="en"$>
<MTArchiveNext>
<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php">＞</a>
</MTArchiveNext>／
</span>
<?php $day = date(j); $year = date(Y); $month = date(m); ?>
<MTCalendar month="this">
<MTCalendarIfEntries>
<?php $y="<$MTCalendarDate format='%Y'$>"; $m="<$MTCalendarDate format='%m'$>"; $d="<$MTCalendarDay$>"; if($year == $y && $month == $m && $day == $d) { $style = "today"; } else { $style = "notoday"; } ?>
<span class="<?php print "$style"; ?>">
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" target="_top"> <$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries>
<?php $y="<$MTCalendarDate format='%Y'$>"; $m="<$MTCalendarDate format='%m'$>"; $d="<$MTCalendarDay$>"; if($year == $y && $month == $m && $day == $d) { $style = "today"; } else { $style = "notoday"; } ?>
<span class="<?php print "$style"; ?>">
<$MTCalendarDay$>
</MTCalendarIfNoEntries>
</span>
</MTCalendar>
</div>
</body>
</html>
次に、上で作ったカレンダー専用のスタイルシートを作ります。
管理メニューから「テンプレート」、「インデックス・テンプレート」の「新しいインデックス・テンプレートを作る」をクリック。
テンプレートの名前：横型カレンダー用スタイルシート（例）
出力ファイル名：calendar.css
テンプレートの中身は↓
で、保存。a,
a:link,
a:visited,
a:active {
color: #8FABBE;
background: none;
}
a:hover {
color: #006699;
background: underline;
}
.calendar {
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.calendarHead {
color:#666666;
font-size: 11px;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
padding-right: 5px;
}
.notoday {
color:#666666;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
}
.today {
color:#666666;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
border : 1px solid #999999;
}
（小粋さんテンプレートにあわせて作ってあると思われるので自サイトのデザインによっては修正してみてください）
次に、上で作ったテンプレートを月別に関連づけします。
管理メニューから「ウェブログの設定（設定）」、「アーカイブの設定」ページの
「新しく、テンプレートとアーカイブを関連付ける。」で以下を設定します。
アーカイブの種類：月別
テンプレート：横型カレンダー（例）をプルダウンから選択後「追加」をクリック。
次にその下の「アーカイブ」の「月別」に先ほどの「横型カレンダー（例）」が追加されているので、
そのテキストボックスに、
を記入。そして設定を保存。<$MTArchiveDate format="calendar/%Y/%m/index.php"$>
そして、カレンダーを表示させたい各テンプレートに、
を追加します。デザインによっては”width="698" height="19"”の部分を修正。<div id="globalnavi">
<iframe name="cal-iframe" src="<MTBlogURL>archives/calendar/<MTDate format="%Y/%m/index">.php" width="698" height="19" scrolling="NO" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
</div>
またはインクルードでもいいかも。
そして、今まで使っていたサイドバーのカレンダーは削除かコメントアウト。
で、メインのスタイルシート（さっき作ったやつとは別の最初にある方）に、
を追加。（好みによっては修正）#globalnavi {
padding-bottom: 5px;
border-bottom : 1px solid #666699;
}
で、とりあえず、全てを再構築して、確認してきちんと動いていれば完了(^_^)b
で。。。
欲が出て、今日に画像を表示させたくて、
”リアルタイムカレンダー（画像表示版）”の「２．月送りカレンダー」を参考に小粋さんのスタイルシートを生かしながら自己流で合体修正。。。（ちょっと不安）
最初に作ったテンプレートを、
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1./ Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<link rel="stylesheet" href="<$MTBlogURL$>calendar.css" type="text/css" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
</head>
<body >
<div class="calendar">
<span class="calendarHead">
<MTArchivePrevious>
<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php">＜</a>
</MTArchivePrevious>
<$MTArchiveDate format="%B %Y" language="en"$>
<MTArchiveNext>
<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php">＞</a>
</MTArchiveNext>／
</span>
<?php
$day = date(j);
$year = date(Y);
$month = date(m);
$img = "<$MTBlogURL$>画像のURL";
?>
<MTCalendar month="this">
<span class="notoday">
<MTCalendarIfEntries>
<?php
$y="<$MTCalendarDate format='%Y'$>";
$m="<$MTCalendarDate format='%m'$>";
$d="<$MTCalendarDay$>";
?>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" target="_top">
<?php
if($year == $y && $month == $m && $day == $d) {
print "<img src="" . $img . "" align="top" border="0" />";
} else {
print $d;
}
?>
</a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries>
<?php
$y="<$MTCalendarDate format='%Y'$>";
$m="<$MTCalendarDate format='%m'$>";
$d="<$MTCalendarDay$>";
if($year == $y && $month == $m && $day == $d) {
print "<img src="" . $img . "" align="top" />";
} else {
print $d;
}
?>
</MTCalendarIfNoEntries>
</span>
</MTCalendar>
</div>
</body>
</html>
は画像のURLに変更する。$img = "<$MTBlogURL$>画像のURL";
修正して再構築後確認したけど、たぶん完了。
ありがとうございました。
![音を大きくする本 - 音圧をあげるための基本からプロレベルまでそのテクニックのすべて [Nowbooks3] (Stylenote Nowbooks (3)) (Stylenote Nowbooks (3))](http://ecx.images-amazon.com/images/I/41J8Ss03j6L._SL160_.jpg)
是非また、いい物や美味しい物を紹介お願いします！お肉あけましておめでとうございます。今年もよろしくお願いしますおめでとうございます。
昨年は本当にエムズパレットのホームページ・Mac（iBook)
の主治医として大変お世話になりました。
今年もやる気だけはあります。が、、最近はemuzuお彼岸すこし俺の話を聞いてくれないか？すこし俺の話を聞いてくれ。
俺、昨日で、３２になったんだけれど、先月までコンビニバイトで食いつないでいた。
だが、信じられない物を見つけてしまった。
一月前、無し＠毎日が日曜日バービーだ！先日、アシストに、エンリケさん来たみたいだね・・・仕事じゃなけりゃ、行きたかった。るちる堂：女将久々の太陽さん。うひゃひゃひゃははあｗｗｗｗ早苗ちゃんのオパーイの柔らかさは異常にフワフワで幸せすぎますたｗ
顔うずめてからしばらくフリーズしちゃったよｗｗｗｗｗ
フリーズしてる間に俺の息子を早苗ちゃんがジじゃり私も豚骨ラーメン寂しいの初めて投稿します。
すごく内容の濃いブログですね♪
また、お邪魔させて頂きます。あやか私も豚骨ラーメンぶっちゃけえぇぇぇぇぇえ！！！！ネットだから言うけど〜ぶっちゃけн大好きなんですけどぉ→（ワラ
やっぱりバイ┐〃じゃ物足りないよ・・・！！！
抱かれながら暖かいアレをズブズブされないとダメーーーーじゅり