誰でも簡単！したらば掲示板カスタマイズ

C-2.背景画像のカスタマイズ

管理者メニューで設定する背景画像 　管理者メニューで設定できる背景画像に画像のURLを設定すると、掲示板の背景に『左寄せ、縦・横繰り返し』で背景画像が設定されます。

背景画像設定の問題点 　右は縦に短く、横に長い画像を、管理者メニューの背景画像設定で掲示板に表示させた状態です。 　画像は左寄せで、縦横どちらにも繰り返し表示されてしまうので、バランスが悪くなっています。 スタイルシートで固定と繰り返しの設定 　スタイルシートを使うと、背景画像の配置と繰り返しの設定をすることができます。 　ここでは、お手本となる掲示板の画像を見ながら、背景画像を設定するスタイルシートの使い方を見てみましょう。

上の画像に使用した背景画像

背景画像を「左寄せ、縦方向への繰り返しのみ」にするスタイルシート

最初の状態から、画像を左寄せ、画像の繰り返しを縦だけにした設定です。バランスが良くなっています。 　下のスタイルシートに、設定したい背景画像のアドレスを入れれば、左寄せで縦だけに繰り返す背景にすることができます。 注意点 　すでにBODYのスタイルシートを使っている場合は、上下一行を抜いた間の部分を入れてください。

背景画像を「中央寄せ、縦方向への繰り返しのみ」にするスタイルシート

リボンらじおさんの掲示板を参考に説明します。（現在はデザインが変わっています） 　横に長く、中央部分が掲示板背景色と合わせて白にしてある画像が、中央に配置され、縦方向のみの繰り返しになっています。 　掲示板TOP画像や掲示板横幅とバランスの取れた画像を用意しましょう。下のスタイルシートに、設定したい背景画像のアドレスを入れてください。 注意点 　すでにBODYのスタイルシートを使っている場合は、上下一行を抜いた間の部分を入れてください。

この画像が中央で、縦に繰り返されてます

背景画像を「中央寄せ、繰り返し無し」にするスタイルシート

DJ雪乃さんのあんかラジオ用板を参考に説明します。（現在はデザインが変わっています） 　大きい画像を中央寄せで、縦にも横にも繰り返さない設定になっています。 　右寄せにしてしまうと、ワイド画面のモニターで掲示板を表示したときに、キャラクターが右端に表示されてバランスが悪くなってしまいます。 右寄せ・左寄せの弱点 　ワイド画面のモニター、標準モニター、両方の画面で掲示板が見られることを考慮する必要があります。そうなると、左寄せ・右寄せはなるべく使わずに、背景色と合わせた大きい画像を中央寄せする方が良いのです。 　下のスタイルシートに、設定したい背景画像のアドレスを入れてください。 注意点 　すでにBODYのスタイルシートを使っている場合は、上下一行を抜いた間の部分を入れてください。

右寄せではなく、このように左に余白のある 大きめの画像が中央寄せにされています