横型カレンダーに変更、Typepad編
カレンダーをサイドバーの中のTypepadの従来型から横型に変更しました。再びMovableType備忘録 様のカレンダーを横長に表示してみる を参考にさせていただきました。ありがとうございました。
このサイトの場合はナビゲーションバナーの下の部分に入れましたので、
<$MTInclude module="banner-header"$>
と
<div id="pagebody">
の間に下記のコードを挿入しました(Main Index Template、Category Archives、Databased Archives、そしてIndividual Archives)。
<div id="calendar_oblong">
<$MTDate language="en" format="%Y /%m /"$>
<MTCalendar>
<span<MTCalendarIfToday> id="calendar_oblong_today"</MTCalendarIfToday>>
<MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
</span>
</MTCalendar>
</div>
またインデックス・テンプレートのStyleSheetの中のOther CSSの下に下記のスタイルシートを加えました。
#calendar_oblong {
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: center;
}
#calendar_oblong_today { padding: 1px 0px 1px 2px; border: 1px solid #FF9900; }
#calendar_oblong a:link { color: #0000FF; }
#calendar_oblong a:visited { color: #3399FF; }
#calendar_oblong a:active { color: #33CC66; }
#calendar_oblong a:hover { position:relative; top:1px; left:1px; }
それにしても、月送り型のカレンダーを設置したいのですが、静的なTypepadでのやり方が未だにわかりません。どなたか教えてください~!
↑ 上のスライドバーでこのエントリーの評価をお願いします!評価ランキングはこちら。
コメント
→ 過去のコメント集はこちら