« 日にち毎に記事を1ページに集約する | メイン | 横型カレンダー、早くもフラッシュ版に乗り換え »

2007年2 月10日 (土)

横型カレンダーに変更、Typepad編

Typepad_largeblur_2

カレンダーをサイドバーの中の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でのやり方が未だにわかりません。どなたか教えてください~!

↑ 上のスライドバーでこのエントリーの評価をお願いします!評価ランキングはこちら。

TOPへこのページの先頭へ

トラックバック

トラックバックURL

この記事へのリンク

この記事へのリンク(直リンク生成用)

Listed below are links to weblogs that reference 横型カレンダーに変更、Typepad編:

この記事へのコメントは終了しました。

TOPへこのページの先頭へ

このサイトについて

アーカイブ

検索