テンプレート修正

テンプレート修正

Posted at February 27,2006 1:15 AM
Tag:[FC2, Information, MovableType, SereneBach, Template]

現在公開中のMovable Type 3.2 テンプレートSerene Bach テンプレートFC2ブログテンプレートについて、下記の部分を修正致しました(sbテンプレートは対象外にしました)。

  1. スタイルシートの全称セレクタから font-weight プロパティを削除
  2. 見出し用のタイプセレクタを追加
  3. エントリー日付・コメントタイトル・トラックバックタイトルの配色用セレクタを集約

1 と 2 については、「太字が反映されません」というコメントを何回か頂いたものの修正です。反映されない原因は全称セレクタに font-weight プロパティを設定していたためで、これを 見出し(h1?h6)の font-weight プロパティに変更しました。
具体的には下記の変更を行っています(赤色を削除して青色を追加)。

変更前

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
}

変更後

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}
 
/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

3 についても「コメント・トラックバックタイトルの配色はどこで変更すればよいでしょうか?」という質問を何回か頂いていたものの修正です。エントリー日付の配色を変更された際、コメント・トラックバックタイトルの配色も変更されると思いますが、どこを変更して良いか分かりにい状態になっておりました。
これについては1ヶ所の変更でエントリー日付・コメントタイトル・トラックバックタイトルに反映されるよう、配色に関するセレクタをまとめました。
具体的には下記の変更を行っています(赤色を削除して青色を追加)。

変更前

/* エントリー日付 */
.date { 
    margin: 6px 5px 0;
    padding: 2px 0 2px 5px;
    color: #ffffff;
    background: #8fabbe;
    font-size: 11px;
    font-weight: bold;
}
 
.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 2px 0 2px 5px;
    color: #ffffff;
    background: #8fabbe;
    font-size: 11px;
}

変更後

/* エントリー日付 */
.date { 
    margin: 6px 5px 0;
    padding: 2px 0 2px 5px;
    font-size: 11px;
    font-weight: bold;
}
 
/* エントリー日付・コメントタイトル・トラックバックタイトルの配色 */
.date, 
.trackbacks-header,
.comments-header,
.comments-open-header {
    color: #ffffff;
    background: #8fabbe;
}
 
.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 2px 0 2px 5px;
    font-size: 11px;
}

その他、軽微な誤りも併せて修正しています。Movable Type で動作確認したものを他のテンプレートに反映させておりますので、不具合等ございましたらご連絡ください。

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


トラックバック

スタイルシート一部修正 from てぃあら
エントリ中で 太字にしたい文字列を <b></b> で囲んでも 文字が太字にならなかったんだけどなんでかな??と思いつつ ずっとそ... [続きを読む]

Tracked on February 27, 2006 7:00 AM
コメント

おはようございます。遅ればせながら 1000000カウント突破、おめでとうございますぅ
すばらしいですね!うちは 一番アクセスの多い やむやむですら
yujiroさんのところの10分の1にも満たないノロノロペースですが
のんびりボチボチやっていこうと思ってます。
SereneBach で 以前 太字にしたつもりなのになってないことがあって
どうしてなのかな?・・・・と思ってたことが解決しました。ありがとうございました。

[1] Posted by さえら : February 27, 2006 6:58 AM

>さえらさん
こんにちは。
コメントありがとうございます。
さえらさんのサイトの記念アクセスも楽しみにしています。

CSSはおおざっぱに設定し過ぎていました。すいません。

[2] Posted by yujiro : February 27, 2006 12:24 PM
コメントする
greeting

*必須

*必須(非表示)


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

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

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

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