カレンダーの文字サイズ修正

カレンダーの文字サイズ修正

Posted at August 29,2004 12:45 AM
Tag:[]

公開中のスタイルシートですが、カレンダーのリンク以外の日付の文字サイズが設定されていませんでした。設定されてないとエントリーされていない日の文字サイズが大きく表示されてしまう不具合が発生する場合があります。
現在テンプレートをご利用頂いている方は下記のスクリプトを styles-site.css の .calendar の下辺りに追加することで不具合は解消します。

.calendar td {
    font-size:9px;
}

なお公開版の方は修正済です。ご迷惑おかけして申し訳ございませんがよろしくお願い致します。

関連記事
トラックバックURL


コメント

こんにちは。

公開テンプレートの3.3 3カラムの
カレンダーで教えてください。

カレンダーの日付の数字が左揃えになってしまったんですが
どうやったら直るのかわかりません。

サイドバーの行揃えをいじったりしたので
カスタマイズ前の公開テンプレートから
カレンダーと思われる部分をコピーしてみたのですが
直りません。。

エントリー・日付・月アーカイブすべて
同じような状態です。
よろしくお願いします。

[1] Posted by urakibi : September 24, 2007 8:29 AM

>urakibiさん
こんにちは。
ご質問の件ですが、カレンダー用のCSSを下記の内容と入れ替えて、再度カスタマイズしてみてください。

/* カレンダー */
.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #333;
    font-size: 9px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 8px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}
span.day {
    text-align: center;
    font-size: 9px;
}
span.saturday {
    color: blue;
}
span.sunday {
    color: #e50003;
}
td.today {
    display: block;
    border: 1px solid #333;
}

それではよろしくお願い致します。

[2] Posted by yujiro : September 25, 2007 4:19 PM

yujiroさん

早速のお返事ありがとうございました!!
スタイルシートのテンプレートに
ペーストして、再構築したら直りました!
本当にありがとうございました!

いつもこちらでMTを勉強させてもらっています。
本も何冊か買いましたが、こちらのサイトが
一番わかりやすいです。
これからもよろしくお願いします!

[3] Posted by urakibi : September 28, 2007 11:10 PM

>urakibiさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでなによりです。
ではでは!

[4] Posted by yujiro : October 1, 2007 1:32 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)