-----

+ 使い方+

下記のようなテーブルを作ります
テーブルの大きさは、幅145です
高さは任意ですが、上と下のセル
そして、左右、まん中のセルの幅だけは固定です

テーブルの線の太さは「0（ゼロ）」にして下さいね

145 × 145

このセルの幅は145 高さは 30×使うボタンの数

145 × 24

単位は「pixel」です

まず一番上のセルの大きさは145 × 145
一番下は145 × 24に設定します

　高さは「30×使うボタンの数」です
これは、ボタン画像の高さが一つ「30」なためです
※例えばボタンを４つ並べたいなら
30×4＝120になります
一番上のサンプルがボタン４つなので、高さは120になっています

後は、ダウンロードした2つの画像を上と下部分にはめ込み
左右の細いセルの背景画像に、左右の小さい画像を設定します

まん中のセルには、お好きなボタン画像を配置して下さい

---

以下は、フレームのテーブル部分のHTMLソースです
参考にして下さいね

　

<table border="0" cellpadding="0" cellspacing="0" width="145">
<tr>
<img src="上部分の画像の名前.gif" width="150" height="87" border="0"></div>
</td>
</tr>
<tr height="120">
<td width="13" height="3の倍数（30×使うボタンの数）" background="左部分の画像の名前.gif">
<div align="center">
</div>
</td>
<td height="120" width="120" bgcolor="#660000">
<div align="center">
<p><img src="お好きなボタンの名前.gif" width="124" height="30" border="0"><img src="お好きなボタンの名前.gif" width="124" height="30" border="0"><img src="お好きなボタンの名前.gif" width="124" height="30" border="0"><img src="お好きなボタンの名前.gif" width="124" height="30" border="0"></p>
</div>
</td>
<td height="3の倍数（30×使うボタンの数）" width="13" background="右部分の画像の名前.gif">
<div align="center">
</div>
</td>
</tr>
<tr height="58">
<td colspan="3" height="58">
<div align="center">
<img src="下部分の画像の名前.gif" width="150" height="58" border="0"></div>
</td>
</tr>
</table>