黒アリスシリーズの薔薇を使ったメニューフレームです

この画像は、上、下、左、右の4つの画像と
それぞれのボタン画像で構成されています
フレーム部分の高さは自由ですので
ボタンは、お好きなだけ増やす事が出来ます

-----


+ ボタンです+

※ifraemeを使用しております。もし見られない場合は、
こちらをクリック。
画像ページが別ウィンドウで表示されます。

+ フレーム部分の部品です+

-----

+ 使い方+

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

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

150 × 58

13

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

そして、背景色を

#660000

に設定して下さい

13
150 × 58
単位は「pixel」です

まず一番上のセルの大きさは150 × 94
一番下は150 × 58に設定します


左右のセルの幅は13 高さは「30×使うボタンの数」です
これは、ボタン画像の高さが一つ「30」なためです

※例えばボタンを4つ並べたいなら
30×4=120になります
一番上のサンプルがボタン4つなので、高さは120になっています

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

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


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

<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="58">
<td colspan="3" height="58">
<div align="center">
<img src="
上部分の画像の名前.gif" width="150" height="58" border="0"></div>
</td>
</tr>
<tr height="
30の倍数(30×使うボタンの数)">
<td width="13" height="
30の倍数(30×使うボタンの数)" background="左部分の画像の名前.gif">
<div align="center">
</div>
</td>
<td height="120" width="124" 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="
30の倍数(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>

graphix by s嬢+痢煙

NeckDoll