テーブル素材背景色任意のテーブル素材>本を開いたようなテーブル素材  テーブル素材の設定方法(別窓)

カーソルを置くと背景色が変化します
赤系統素材 
Lzh
茶系統素材
Lzh
青系統素材
Lzh
spacer.gif
透明色のGIF画像
1x1
↓黒枠内に拡大表示


 本を開いたような

 テーブル素材です。
 ページの幅や高さは、

 自由に設定できます。

 左右のページの幅を

 同じにすることも

 変えることもできます。

4行6列のテーブルに以下のように素材を適用します

の部分は素材画像をそのまま挿入
の部分には「セル背景」として素材画像を指定
の部分にはテーブルレイアウト保持のため、スペーサーを挿入


?@

?A

?B

?C=?A

?D

?E

?F

?G

?H=?F

?I












?J

?K

?L

?M=?K

?N

任意の幅の
spacer.gif

任意の幅の
spacer.gif
このテーブル素材のパーツ合計サイズは約5Kです
テーブル素材の指定法の例

<TABLE border="0" cellpadding="0" cellspacing="0">

<TR>
 <TD><IMG src="素材画像?@のアドレス" width="30" height="15" ></TD>
 <TD background="素材画像?Aのアドレス"></TD>
 <TD><IMG src="素材画像?Bのアドレス" width="25" height="15" ></TD>
 <TD background="素材画像?Aのアドレス"></TD>
 <TD><IMG src="素材画像?Dのアドレス" width="30" height="15"></TD>
 <TD></TD>
</TR>

<TR>
 <TD background="素材画像?Eのアドレス"></TD>
 <TD background="素材画像?Fのアドレス">「左ページの文章部分」</TD>
 <TD background="素材画像?Gのアドレス"></TD>
 <TD background="素材画像?Fのアドレス" >「右ページの文章部分」</TD>
 <TD background="素材画像?Iのアドレス"></TD>
 <TD><IMG src="spacer.gif" width="1" height="200" border="0"></TD> 必要なページの高さを指定
</TR>

<TR>
 <TD><IMG src="素材画像?Jのアドレス" width="30" height="15" ></TD>
 <TD background="素材画像?Kのアドレス"></TD>
 <TD><IMG src="素材画像?Lのアドレス" width="25" height="15" ></TD>
 <TD background="素材画像?Kのアドレス"></TD>
 TD><IMG src="素材画像?Nのアドレス" width="30" height="15" ></TD>
 <TD></TD>
</TR>

<TR>
 <TD></TD>
 <TD><IMG src="spacer.gif" width="150" height="1" border="0"></TD> 必要な左ページの幅を指定
 <TD></TD>
 <TD><IMG src="spacer.gif" width="250" height="1" border="0"></TD> 必要な右ページの幅を指定
 <TD></TD>
</TR>

</TABLE>