薔薇のフレームです
たて方向伸縮タイプ
この画像は、上、下、左、右の4つの画像で構成されています
4つの画像それぞれを、ダウンロードして下さい
黒背景用(黒用透過処理済み)
-----
![]() |
||
|
六月に枯れる涙 |
|
![]() |
+ 部品です+
![]() |
||
![]() |
|
![]() |
![]() |
![]() |
||
![]() |
|
![]() |
![]() |
![]() |
||
![]() |
|
![]() |
![]() |
![]() |
||
![]() |
|
![]() |
![]() |
+ 使い方+
下記のようなテーブルを作ります
テーブルの大きさは、幅450 高さは自由です
テーブルの線の太さは「0(ゼロ)」にして下さいね
450 × 80
|
||
幅82
× 高さ 自由 |
幅286 × 高さ自由 このセルに文字などを書きます |
幅82
× 高さ 自由 |
450 × 80
|
上の例で色を付けてあるセルの背景画像に
ダウンロードして頂いた部品を指定します
左側には、左の画像を
右側には、右の画像を
それぞれ、背景画像に設定して下さい
以下は、フレームのテーブル部分のHTMLソースです
参考にして下さいね
<table border="0" cellpadding="0" cellspacing="0" width="450">
<tr height="80">
<td colspan="3" height="80">
<div align="center">
<img src="上部分の画像の名前.gif" height="80" border="0" width="450"></div>
</td>
</tr>
<tr height="0">
<td background="左部分の画像の名前.gif" width="82" height="0">
<div align="center">
</div>
</td>
<td width="286" height="0">
<div align="center">
<p><font color="#で始まる色指定(文字の色)">ここにお好きな文字などを</font></p>
</div>
</td>
<td width="82" background="右部分の画像の名前.gif" height="0">
<div align="center">
</div>
</td>
</tr>
<tr height="80">
<td colspan="3" height="80">
<div align="center">
<img src="下部分の画像の名前.gif" height="80" border="0" width="450"></div>
</td>
</tr>
</table>
graphix by 痢煙 |