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