2005年03月17日

続・カレンダーの日付を強調

ブログランキングに参加しています。応援よろしくです。

Movabletypeの機能のカレンダをトップページにて当日部分を強調する方法を昨日書きました。
本日は、個別エントリにカレンダを追加して投稿された日を強調表示する方法を紹介します。

こちらの方法は、特にPHPでなくても大丈夫です。

個別エントリーアーカイブの<head>部分で下記のとおり書きます。

<STYLE type="text/css">
<!--
.Underline<$MTEntryDate format="%d"$> {
border: solid;
border-width: 1px;
}
-->
</STYLE>

説明:
エントリの投稿日の日付部分を利用したスタイル(.UndallineMM)を宣言します。


次にカレンダ表示部分を下記のとおり書きます。

<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTEntryDate format="%B %Y"$></caption>
<tr>
<th class="sunday" abbr="日曜日">日</th>
<th class="weekday" abbr="月曜日">月</th>
<th class="weekday" abbr="火曜日">火</th>
<th class="weekday" abbr="水曜日">水</th>
<th class="weekday" abbr="木曜日">木</th>
<th class="weekday" abbr="金曜日">金</th>
<th class="saturday" abbr="土曜日">土</th>
</tr>
<MTCalendar month="this">
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfEntries><MTEntries lastn="1"><div class="Underline<$MTCalendarDay zero_pad="2"$>"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></div></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>


説明:
エントリが属する年月のカレンダを表示します。<div class="Underline<$MTCalendarDay zero_pad="2"$>">の部分で<HEAD>で指定したスタイルが同じ日のカラムに適用されるので投稿した日が強調表示されるわけです。


「This Category Entries」+1でも書いてありましたが、このスタイルを利用するといろいろと使えそうです。


ブログランキングに参加しています。応援よろしくです。



Trackback on "続・カレンダーの日付を強調"

このエントリーのトラックバックURL: 

"続・カレンダーの日付を強調"へのトラックバックはまだありません。

Comment on "続・カレンダーの日付を強調"

"続・カレンダーの日付を強調"へのコメントはまだありません。

Post a Comment

コメントする

(HTMLタグは使用できません)
ブラウザに投稿者情報を登録しますか?(Cookieを使用します。次回書き込み時に便利です。)
  •  
  •  

COPY RIGHT (C) KOTETSU.INFO 1999-2008   ページの先頭へ