ダリアのフレームです
伸縮自在バージョン
幅は固定ですが、縦方向はお好きなだけ長くしたり
短くする事が出来ます
この画像は、上、下、左、右の4つの画像で構成されています
4つの画像それぞれをダウンロードして下さい
-----
![]() |
||
|
亡骸 |
|
![]() |
+ 部品です+
![]() |
||
![]() |
|
![]() |
![]() |
-----
+ 使い方+
下記のようなテーブルを作ります
テーブルの大きさは、幅300です
高さは任意ですが、上と下のセルの大きさ
そしてまん中のセルの幅だけは固定です
テーブルの線の太さは「0(ゼロ)」にして下さいね
300 × 158
|
||
幅
33 |
このセルの幅は234 そして、背景色を #660066 に設定して下さい |
幅
33 |
300 × 71
|
次に、上の例でグレーにしてあるセルの背景画像に
ダウンロードして頂いた部品を指定します
左側には、左の画像を
右側には、右の画像を
それぞれ、背景画像に設定して下さい
以下は、フレームのテーブル部分のHTMLソースです
参考にして下さいね
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tr height="158">
<td colspan="3" height="158">
<div align="center">
<img src="上部分の画像の名前.gif" width="300" height="158" border="0"></div>
</td>
</tr>
<tr height="120">
<td width="33" height="120" background="左部分の画像の名前.gif">
<div align="center">
<p><font color="#で始まる色指定を"> ここにお好きな文字などを</font></p>
</div>
</td>
<td height="120" width="234" bgcolor="#660066">
<div align="center">
<p></p>
</div>
</td>
<td height="120" width="33" background="右部分の画像の名前.gif">
<div align="center">
</div>
</td>
</tr>
<tr height="71">
<td colspan="3" height="71">
<div align="center">
<img src="下部分の画像の名前.gif" width="300" height="71" border="0"></div>
</td>
</tr>
</table>
graphix by 痢煙 |