ゴシックなフレームです
たて・よこ伸縮自在バージョン
幅も高さも自由なので、お好きな大きさでお使い頂けます
この画像は、上真ん中、下真ん中、上、下、左、右と
左上、左下、右上、右下の10個の画像で構成されています
10個の画像それぞれを、ダウンロードして下さい
黒背景用(黒用透過処理済み)
お揃いデザインのアイコンがこちらに、CSS用壁紙がこちらにあります
-----
![]() |
![]() |
![]() |
||
†鉛色の海† 手向けの花は 波に戻されるというのに |
||||
![]() |
![]() |
|
![]() |
-+ 部品です+
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|||
![]() |
![]() |
![]() |
![]() |
![]() |
色を付けてあるセルにある部品は、同じものです
上の赤いセルの二つの部品は、同じもの
下のグレーの二つの部品も、同じものですので
上下、一つずつダウンロードして下さい
-----
+ 使い方+
下記のようなテーブルを作ります
テーブルの線の太さは「0(ゼロ)」にして下さいね
幅83 × 高さ101 |
高さ101
幅は右の 同色セルと 同じ大きさに |
幅150
× 高さ101 |
高さ101
幅は右の 同色セルと 同じ大きさに |
高さ83
× 幅101 |
幅83
× 高さ自由 |
幅、高さは自由です このセルに文字などを |
幅83
× 高さ自由 |
||
幅83
× 高さ101 |
高さ101
幅は右の 同色セルと 同じ大きさに |
幅150
× 高さ101 |
高さ101
幅は右の 同色セルと 同じ大きさに |
幅83
× 高さ101 |
上の例で色を付けてあるセルの背景画像に
ダウンロードして頂いた部品を指定します
左側には、左の画像を
右側には、右の画像を
上には、上の画像を
下には、下の画像を
それぞれ、背景画像に設定して下さい
セルの幅ですが、赤いセルの幅は左右とも自由ですが、同じ幅に。
グレーのセルの幅も左右とも自由ですが、同じ幅に設定してください。
以下は、フレームのテーブル部分のHTMLソースです
参考にして下さいね
<table border="0" cellpadding="0" cellspacing="0">
<tr height="101">
<td width="83" height="101"><img src="左上部分の画像の名前.gif" width="83" height="101" border="0"></td>
<td background="上部分の画像の名前.gif" height="101" width="70"></td>
<td width="150" height="101">
<div align="center">
<img src="上の真ん中部分の画像の名前.gif" width="150" height="101" border="0"></div>
</td>
<td background="上部分の画像の名前.gif" width="70" height="101"></td>
<td width="83" height="101"><img src="右上部分の画像の名前.gif" width="83" height="101" border="0"></td>
</tr>
<tr>
<td background="左部分の画像の名前.gif" width="83"></td>
<td colspan="3">
<div align="center">
<p><font color="#で始まる色指定を(文字の色です)">ここにお好きな文字などを</font></p>
</div>
</td>
<td background="右部分の画像の名前.gif" width="83"></td>
</tr>
<tr height="101">
<td width="83" height="101"><img src="左下部分の画像の名前.gif" width="83" height="101" border="0"></td>
<td background="下部分の画像の名前.gif" height="101" width="70"></td>
<td width="150" height="101"><img src="下の真ん中部分の画像の名前.gif" width="150" height="101" border="0"></td>
<td width="70" background="下部分の画像の名前.gif" height="101">
<div align="center">
</div>
</td>
<td width="83" height="101"><img src="右下部分の画像の名前.gif" width="83" height="101" border="0"></td>
</tr>
</table>
graphix by 丞+痢煙 |