HTMLを書換える方法での壁紙の使い方をご説明します
ホームページ作成ソフトなどを使われている方は、ヘルプやマニュアルで調べてください
壁紙の使い方テーブルの背景1テーブルの背景2テーブルの背景3スクロールさせない半透明の背景


ページの背景に使う場合

■ページの背景全体に壁紙を使う場合には、<body>タグの中にbackgroundを挿入します。

<body background="ファイル名">


タグを記入しただけでは、画像は表示されません。画像ファイルをサーバーにアップする必用があります。

■画像データを、壁紙を貼り付けたいページと同じディレクトリ(フォルダ・階層)に置く場合

 <body background="ファイル名">

■画像データを置くディレクトリ(フォルダ・階層)が、壁紙を貼り付けたいページのディレクトリと違う場合

 <body background="ディレクトリ名/ファイル名">



テーブルの背景に使う場合  ↑top

■テーブルの背景に壁紙を使う場合には、<table>タグの中にbackgroundを挿入します。

<table background="ファイル名">


<例えばこんな感じ>
ほわほわ

上のテーブルのタグはこんな感じです。(実際は少し違います)

<table border="1" width="450" height="100" background="./img/howa_1.gif">
  <tr>
    <td>ほわほわ</td>
  </tr>
</table>



テーブルの背景に使う場合(少しだけステップアップ編)  ↑top

■テーブルのセルごとに違う壁紙を使う事もできます。

<例えばこんな感じ>
ストライプ タイル
チェック まる ダーク

セルごとに違う壁紙を表示させる場合には、<td>タグの中にbackgroundを挿入します。

上のテーブルのタグはこんな感じです。(実際は少し違います)

<table border="1" width="450">
  <tr>
    <td width="150" height="50" background="./img/stripe_11.gif">ストライプ</td>
    <td width="150" height="50" background="./img/tile_3.gif">タイル</td>
    <td width="150" height="50" background="./img/hana_5.gif">花</td>
  </tr>
  <tr>
    <td width="150" height="50" background="./img/check_14.gif">チェック</td>
    <td width="150" height="50" background="./img/maru_7.gif">まる</td>
    <td width="150" height="50" background="./img/dark_21.gif">ダーク</td>
  </tr>
</table>



テーブルの背景に使う場合(もう少しステップアップ編)  ↑top

■テーブルの中にテーブルを組む事もできます。

<例えばこんな感じ>
タイル&ストライプ

大きいテーブルの<td>中に小さいテーブルを入れます。

上のテーブルのタグはこんな感じです。(実際は少し違います)

<table border="1" width="450" height="100" background="./img/tile_5.gif">
  <tr>
    <td align="center">
      <table border="1" width="200" height="50" background="./img/stripe_25.gif">
        <tr>
          <td align="center">タイル&ストライプ</td>
        </tr>
      </table></td>
  </tr>
</table>



背景をスクロールさせない  ↑top

■背景だけをスクロールさせない事ができます。
但し、IEのみで有効です。(たぶん) ※ネスケはダメでした。

<見本はこちらからご覧になれます>
■背景だけをスクロールさせない場合には、<body>タグの中にbgproperties="fixed"を挿入します。

<body bgproperties="fixed">




テーブルの背景を半透明にする  ↑top

■テーブル背景を半透明にします。
但し、本当は半透明にはなっていません。(そんな風に見えます)

<見本はこちらからご覧になれます>
 半透明に見えるGifファイルをテーブルの背景として使用します。
 使い方は通常の壁紙と同じです。
 Gifファイルは左の画像を右クリックしてダウンロードしてください。


テーブルについて

Webサイトのレイアウトには制限が多いですが、テーブルをうまく使う事で色々な変化をつけることができます。テーブルは最初は難しいけど、がんばって覚えましょう。
作者へのご要望・ご質問などありましたら、BBSに書き込むか、メールにてお願い致します。
Mail:nino@fu-ka.net