このページは2009年05月15日に更新されました
A.超初心者カスタマイズ
1 画像をアップロードする場所を作ろう
2 ローカルルール設定で、
3つの基本HTMLタグを覚えよう
3 スキンについてと、
管理画面からの色設定
4 掲示板全体の幅設定と、
枠線を消すカスタム
B.ちょっと応用初心者カスタマイズ
1 HTMLタグ作成プログラムで
簡単画像表示
2 放送チェッカーや
ブログパーツを活用しよう
3 文字や画像を
中央寄せにしたり右に寄せる方法
4 テーブル素材を活用しよう
C.高度なカスタマイズを簡単に
1 高度なカスタマイズと
スタイルシートの使い方
2 背景画像のカスタマイズ
3 スクロールバーの色を変える
4 リンクのカスタマイズ
5 したらば掲示板特殊タグ
6 各種スキンでカスタムする際のワンポイント
7 ファビコンを差し替える方法
D.その他+カスタムプログラム
「ねとらじFLASHプレイヤー」
簡単作成プログラム
ねとらじ放送チェッカー作成プログラム
したらば掲示板スレッド作成部分 簡単カスタムプログラム
(参考)カスタムされている掲示板を見てみよう
あたまにきたどっとこむ全文検索
検索キーワード


表示数 表示順
 『あたまにきたどっとこむ』掲載コンテンツについてのQ&A専用スレッドです。質問・追加情報などお寄せください。
 質問の際は、使用OS・使用ソフト・使用オーディオデバイス名や具体的症状など、できるだけ多くの情報を付け加えてください。


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

トップページ>>誰でも簡単!したらば掲示板カスタマイズ>>C-2.背景画像のカスタマイズ

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

管理者メニューで設定する背景画像

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

背景画像設定の問題点

 右は縦に短く、横に長い画像を、管理者メニューの背景画像設定で掲示板に表示させた状態です。

 画像は左寄せで、縦横どちらにも繰り返し表示されてしまうので、バランスが悪くなっています。

スタイルシートで固定と繰り返しの設定

 スタイルシートを使うと、背景画像の配置と繰り返しの設定をすることができます。
 ここでは、お手本となる掲示板の画像を見ながら、背景画像を設定するスタイルシートの使い方を見てみましょう。

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

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

 最初の状態から、画像を左寄せ、画像の繰り返しを縦だけにした設定です。バランスが良くなっています。

 下のスタイルシートに、設定したい背景画像のアドレスを入れれば、左寄せで縦だけに繰り返す背景にすることができます。

注意点
 すでにBODYのスタイルシートを使っている場合は、上下一行を抜いた間の部分を入れてください。

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

 リボンらじおさんの掲示板を参考に説明します。(現在はデザインが変わっています)

 横に長く、中央部分が掲示板背景色と合わせて白にしてある画像が、中央に配置され、縦方向のみの繰り返しになっています。

 掲示板TOP画像や掲示板横幅とバランスの取れた画像を用意しましょう。下のスタイルシートに、設定したい背景画像のアドレスを入れてください。

注意点
 すでにBODYのスタイルシートを使っている場合は、上下一行を抜いた間の部分を入れてください。

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



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

 DJ雪乃さんのあんかラジオ用板を参考に説明します。(現在はデザインが変わっています)

 大きい画像を中央寄せで、縦にも横にも繰り返さない設定になっています。

 右寄せにしてしまうと、ワイド画面のモニターで掲示板を表示したときに、キャラクターが右端に表示されてバランスが悪くなってしまいます。

右寄せ・左寄せの弱点

 ワイド画面のモニター、標準モニター、両方の画面で掲示板が見られることを考慮する必要があります。そうなると、左寄せ・右寄せはなるべく使わずに、背景色と合わせた大きい画像を中央寄せする方が良いのです。

 下のスタイルシートに、設定したい背景画像のアドレスを入れてください。

注意点
 すでにBODYのスタイルシートを使っている場合は、上下一行を抜いた間の部分を入れてください。

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

トップページに戻る