« January 2005 | トップページ | March 2005 »

2005.02.20

blog:カレンダーの表示を変える

CSSとサイドバーのインデックステンプレートの設定を少し変えて、カレンダーの表示を変えてみました。

カレンダーのテーブル表示の仕方を変えて、日付それぞれが単独セルで囲まれるような表示にしたのは、ずいぶん前のこと。

今回は、エントリがあった日の背景色を変えて、リンク先にその日のエントリ全部が表示されるようにしました。
たまーにしか更新してないのですけれど、日に二つ三つ書くときもあるので、そのために。(^^;)

スタイルシートとインデックステンプレートの記述は以下のとおり。

まずカレンダーの日付が分かれたセルで囲まれる表示の仕方。
スタイルシートのカレンダーの部分をこのように変えます。

#calendar table {padding-right: 0px; padding-left:0px; padding-bottom:2px; padding-top:2px; cellspacing:3px; table-layout:fixed; border-collapse: separate; border: 0px; width: 106%; }

cellspacingがセルの間隔、線とセルの間隔とでカレンダーの幅がその分広がるので、表示をあわせるために、width: 106%として調整してあります。

あとは、セルの背景の色の指定。

#calendar th { border:1px solid #57B1AF; background:#B0E0E6; text-align: center; font-weight: normal; }
#calendar td { border:1px solid #57B1AF; text-align: center; }

tdのほうは、サイドバーのインデックステンプレートのほうで背景色の指定をするので、ここでは背景色の指定はしません。ここで背景色を指定してしまうと、インデックステンプレートのほうでの指定が無視されるからです。


次にサイドバーのインデックステンプレート。

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td<MTCalendarIfEntries>bgcolor="#C8EAE9"
</MTCalendarIfEntries>><MTCalendarIfEntries>
<MTEntries lastn="1"><a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
<MTCalendarIfBlank> </MTCalendarIfBlank></td>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>

↑すみません、変なところで改行入っています……。blockquoteがはみだしてしまうため、ぶちぶち切ってしまいました。実際に記述するときは、必要ない改行はとってください。

エントリがあった日の背景色を変えるのは、tdの後ろに<MTCalendarIfEntries>をもう一つ加えて色指定をはさみます。

リンク先にその日のエントリ全部が表示されるようにするには、ブログの設定で日別のアーカイブを作成するように指定してから、
<a href="<$MTEntryPermaLink$>">を
<a href="<$MTEntryLink archive_type="Daily"$>">に変えます。

以上です。

2005 02 20 [ウェブログ・ココログ関連] | 固定リンク

2005.02.09

都立推薦その後(^^;)

推薦試験のその後を書いていなかったので、一応。(^^;)
ええ、2万円は払いました。(笑)

同じ中学から同じ高校を受けて受かった子は、オール5の子だったらしいです。
また、受けたのは別の高校ですが、郵便局で偶然会った、かつての娘の同級生(転居で転校したので)のお母さまも、同じ学校を三つ子3人受けて受かったのはオール5の1人のみという話でしたから、論文や面接などがあったとしても、やっぱり内申点がいいというのは強いみたいです。

まあ仕方がないので、どうか試験日に体調だけは崩さないでくれーというのがいまの願い。

2005 02 09 [日記・コラム・つぶやき] | 固定リンク