エントリー本文
テンプレート修正
Category:[テンプレート]
Tag:[FC2, Information, MovableType, SereneBach, Template]
現在公開中のMovable Type 3.2 テンプレート・Serene Bach テンプレート・FC2ブログテンプレートについて、下記の部分を修正致しました(sbテンプレートは対象外にしました)。
- スタイルシートの全称セレクタから font-weight プロパティを削除
- 見出し用のタイプセレクタを追加
- エントリー日付・コメントタイトル・トラックバックタイトルの配色用セレクタを集約
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 で動作確認したものを他のテンプレートに反映させておりますので、不具合等ございましたらご連絡ください。
≫ スタイルシート一部修正 from てぃあら
エントリ中で 太字にしたい文字列を <b></b> で囲んでも 文字が太字にならなかったんだけどなんでかな??と思いつつ ずっとそ... [続きを読む]
おはようございます。遅ればせながら 1000000カウント突破、おめでとうございますぅ
すばらしいですね!うちは 一番アクセスの多い やむやむですら
yujiroさんのところの10分の1にも満たないノロノロペースですが
のんびりボチボチやっていこうと思ってます。
SereneBach で 以前 太字にしたつもりなのになってないことがあって
どうしてなのかな?・・・・と思ってたことが解決しました。ありがとうございました。
