スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.両側背景固定にしたいんだけど…[3]

A.
フミコミュニティ(23)では通常、画像1枚を使って、画面中央に配置するのを両側背景固定として紹介・説明してます。

これは実際には両側背景固定とは言いません。
何故なら、画面サイズ(ディスプレイサイズ)によって見え方が違い、背景画像が切れたり、余白が大きく見えてしまうからです。
本当は複数背景固定をするのが正しいやり方です。

ですが、『これでもイイ』という方や、本当に『画像1枚使って、画面中央に1列に表示させたい』という方もいるので、やり方を紹介します。

スキン編集で変更するメインテンプレート、アーカイブテンプレート、1記事テンプレート、スタイルシートを修正するとできます。
以下変更方法です。

2007.04.03修正


1.
メインテンプレートの11行目付近に
<body bgcolor="#FFFFFF" text="#000000"leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
というのがあります。

アーカイブテンプレート、1記事テンプレート共に11行目付近にあります。

2.
1.の赤文字のところを削除します。

実際に削除すると
<body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
こんな感じになります。

3.
スタイルシートの一番下に
body {
background-image: url("画像URL");
background-attachment: fixed;
background-position: center ;
background-repeat: repeat-y;
}

を追加します。

4.
画面中央に1つだけ背景画像として表示させて場合は、スタイルのシートの一番下に、
body {
background-image: url("画像URL");
background-attachment: fixed;
background-position: center ;
background-repeat: no-repeat;
}

を追加します。
スポンサーサイト
[ 01/30 ] [背景]3カラムpink | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。