最近のトラックバック

更新情報の配信

ATOM |  RSS2.0

TOMO ■ 2004-10-25 Monday 00:05

カレンダー調整

カレンダーをスタイルシートでこまごまと調整しました。

カレンダー

「管理」→「ウェブログの設定」→「設定」画面の「日付用の言語」は「英語」。
カレンダータイトルの字間を狭く、フォントをノーマルに、カレンダータイトル下の隙間を広く。
 ■スタイルシートの書き換え

#calendar caption {
     color: #666666;
     font-family: Verdana, Arial, sans-serif;
     font-size: x-small;
     text-align: center;
     font-weight: normal;
     text-transform: uppercase;
     letter-spacing: .1em;
     padding-bottom: 0.5em;
     }

#calendar tableのwidthは 100% → 90% に。


曜日をアルファベット1文字表記、土日を色付で表示、リンクを太字に。
 ■メインページ側書き換え

<table summary="投稿されたエントリーへのリンク付き月間カレンダー">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="日曜日" id="sun">S</th>
<th abbr="月曜日">M</th>
<th abbr="火曜日">T</th>
<th abbr="水曜日">W</th>
<th abbr="木曜日">T</th>
<th abbr="金曜日">F</th>
<th abbr="土曜日" id="sat">S</th>
</tr>

 ■スタイルシート側に書き足し

#calendar th#sun {
     color: #B22222;
     }

#calendar th#sat {
     color:#0000FF;
     }

#calendar td a {
     font-weight: bold;
     }

[追記]2005.02.03 カレンダーを外しました。

このエントリーのトラックバックURL:
http://tomolatte.com/cgi/mt/mt-tb.cgi/222

トラックバック