レイピア

◆レイピア


	白背景用透過GIF


	黒背景用透過GIF

テーブル素材の使い方

この様に６枚の画像になっています。（わかりやすく枠をつけてます。）
<table border="0" cellpadding="0" cellspacing="0">とすれば枠は無くなります。< /FONT> < /STRONG>

　 ① ②

③ 　 ④

⑤ ⑥ 　

このまま表に貼りつけても使えますが、長い文章などでこの枠が大きくなった場合は画像は離れてしまいますので、
①は<td arign="right" valign="bottom">
②は<td valign="bottom">
③は<td align="right" valign="bottom">
④は<td valign="top">
⑤は<td align="right" valign="top">
⑥は<td valign="top">
とすればこの様に画像はくっついて表示されます。
alignが右付け、左付け、valignが上付け、下付けです。

基本ソース

白背景用

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>　</td>
<td align="right" valign="bottom"><img
src="rapier_t_w.GIF" width="322" height="92"></td>
<td valign="bottom"><img src="rapier_r_top_w.GIF"
width="79" height="92"></td>
</tr>
<tr>
<td align="right" valign="bottom"><img
src="rapier_l_mid_w.GIF" width="79" height="100"></td>
<td align="center">ここに文字を書きます</td>
<td valign="top"><img src="rapier_r_mid_w.GIF" width="79"
height="100"></td>
</tr>
<tr>
<td align="right" valign="top"><img
src="rapier_l_u_w.GIF" width="79" height="92"></td>
<td valign="top"><img src="rapier_u_w.GIF" width="322"
height="92"></td>
<td>　</td>
</tr>
</table>

黒背景用

<table border="0" cellpadding="0" cellspacing="0"
bgcolor="#000000">
<tr>
<td>　</td>
<td align="right" valign="bottom"><img
src="rapier_t_b.GIF" width="322" height="92"></td>
<td valign="bottom"><img src="rapier_r_top_b.GIF"
width="79" height="92"></td>
</tr>
<tr>
<td align="right" valign="bottom"><img
src="rapier_l_mid_b.GIF" width="79" height="100"></td>
<td align="center"><font color="#FFFFFF">ここに文字を書きます</font></td>
<td valign="top"><img src="rapier_r_mid_b.GIF" width="79"
height="100"></td>
</tr>
<tr>
<td align="right" valign="top"><img
src="rapier_l_u_b.GIF" width="79" height="92"></td>
<td valign="top"><img src="rapier_u_b.GIF" width="322"
height="92"></td>
<td>　</td>
</tr>
</table>