FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

タイトルを中央に配置する

初期値ではタイトルは左寄せになっています。
これを中央に配置する方法を紹介します。

スタイルシートの次の部分を編集してください。

/* ヘッダーレイアウト */
#header {

text-align: left;

}


leftをcenterに書き換えるとタイトルが中央に配置されます。

/* ヘッダーレイアウト */
#header {

text-align: center;

}


rightにすると右寄せになります。
お好きなようにカスタマイズしてください。



<02/08追記>
タイトル横に画像を含むテンプレート(fullmoon_howling, white_eagle等)は上記の方法だけでは中央に配置されません。これらのテンプレートでタイトルの中央配置をしたいときには2つの方法があります。


■画像を取り除いてタイトルを中央に配置する方法

上記処理を施した後にHTMLのヘッダーに関する記述を次のように書き換えます。

<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->
<tr><td id="header">
<h1><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>
</td></tr>
<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->



■画像はそのままにタイトルを中央へ配置する方法(完全な中央にはならない)

スタイルシートに次の記述を加えます。

h1 {

text-align:center;

}

h2 {

text-align:center;

}


画像の分、中央には寄り切れませんが画像を消す必要はありません。


お好みの方法でカスタマイズしてください。
スポンサーサイト

絵文字の位置修正

「絵文字が文字よりも上にずれてしまう」とうい問題を修正し、全シリーズにおいて再アップしました。

Vodafone,i-modeの絵文字はこれで解決できますが、Ezwebの絵文字は画像自体が下に空白を作っているためにどうしようもありません。申し訳ありません。

以下修正内容です。

/* 絵文字 */
.emoji {
  margin: 0 1px;
}


この記述をスタイルシートに加えるだけです。

またなにか気づくことがあれば教えて頂ければ幸いです。
度重なる不具合誠に申し訳ありませんでした。
ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
01 | 2006/02 | 03
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 - - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

01 | 2006/02 | 03
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 - - - -
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。