|
| 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ファイルは左の画像を右クリックしてダウンロードしてください。 |
| ■ テーブルについて | |
|