Kyon's Customize Memo

またまた機能のみをつかった背景画像の設定方法です。
これでリニュも簡単操作で出来ます**

[1]背景画像を作る
最近はふみなどでよく使われるこんな背景画像の種類がありますよね
■両側固定背景
■右下固定背景　（もちろん上下左右の角、様々）
■縦繰り返し背景（モコ画など）
■全体繰り返し背景

全体繰り返し背景は、機能の「ページ全体の背景画像」のみで出来ますので今回説明は省略します。

■両側固定背景
多くの方が
幅1000×高さ575
で作成されています。
これは画面解像度が「1024×768」に設定されている方の割合が多いからです。
逆に言えば他の解像度の方もいるので、自分が設定した両側固定背景が全て同じように見えていると思ってはいけません。
私の画面解像度は「1280×1024」なので、何も指定せずに両側固定背景を設定されるとこう見えます。↓

wwめちゃくちゃずれまくってます。

なので、あまり「両側固定背景」というのはオススメしていないですが、中央にちゃんと配置させればあまり違和感がない事もあるので設定方法紹介します

■角の固定背景
これはとてもオススメです。どんな解像度環境でもあまり違和感がないです。
人気なのはやはり「右下固定背景」でしょうか**大きさなどは様々です。

■縦繰り返し背景
モコ画などはこれに入ります。ブログの左右に、左右対称のレースやモコモコした繰り返し画像を縦に繰り返します。個人的にはこれが一番好きです♪この背景も全ての環境に適しています

それでは設定方法を追記に書きます

[2]背景画像の配置、繰り返し、固定の仕方
�T　背景画像の表示位置
　Ａ(左上)　background-position: left top;
　Ｂ(左下)　background-position: left bottom;
　Ｃ(右上)　background-position: right top;
　Ｄ(右下)　background-position: right bottom;
　Ｅ(中央)　background-position: center center;

�U　背景画像の繰り返し
　Ａ(繰り返しなし) background-repeat: no-repeat;
　Ｂ(横繰り返し) background-repeat: repeat-x;
　Ｃ(縦繰り返し) background-repeat: repeat-y;
　Ｄ(繰り返し) background-repeat: repeat;

�V　背景画像の固定
※スクロールしても背景画像だけ動かなくする
　　background-attachment: fixed;

上の項目の番号�T〜�Vと英字で説明していきます♪

■両側固定背景･･･画像によっては繰り返しなしと、縦に繰り返しした方がよいものがあります。
●　画面中央に配置し、繰り返しなしで固定
「�T−Ｅ」＋「�U−Ａ」＋「�V」
●　画面中央に配置し、縦方向に繰り返して固定
「�T−Ｅ」＋「�U−Ｃ」＋「�V」

■４角固定背景
「※４角については�T−Ａ〜Ｄ参照」＋「�U−Ａ」＋「�V」

■縦繰り返し背景(モコ画など)
「�T−Ｅ」＋「�U−Ｃ」＋「�V」

[3]上記で選択した記述を設定する
前回の「タイトル画設定方法(基本)」で説明したサイドバーの自由項目を使用します。
※見てない方は↑のリンクから。

以前設定した上書きスタイルシートの記述を入れた自由項目の設定画面を出します。
#tctoptitlelay H1
{
display:none;
}

のすぐ下辺りに

body {
[2]で選択した記述
}

を入れます。
※必ず＜STYLE type="text/css"＞〜＜/STYLE＞の中に入れます（←大文字になってます）
　
例) 「�T−Ｅ」＋「�U−Ｄ」＋「�V」だったら、

body {
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}

･･･とこうなりますね＾＾

[4]背景画像を設定する
「こだわりデザイン変更」を開き
ページ全体の背景画像
に、背景画像を適用させて設定♪


今後リニュする時は画像に合わせてこの[3]と[4]を繰り返すだけです＾＾
完成！！