以下の内容はhttp://10plate.blog44.fc2.com///blog-entry-39.htmlより取得しました。


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

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

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

/* ヘッダーレイアウト */
#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;

}


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


お好みの方法でカスタマイズしてください。
関連記事



以上の内容はhttp://10plate.blog44.fc2.com///blog-entry-39.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14