テーブルを使ったフレーム素材です
☆縦横伸縮自在タイプ☆
それぞれ透過処理済みです
このフレームは、左上、上中、右上、左、右、左下、下中、右下の
8つの画像を使います
8つの画像それぞれを、ダウンロードして下さい
※使用しているCSS壁紙はこちらにある透過タイプ。
ダウンロードページに置いてあります。
-----
![]() |
![]() |
|
★ハロウィンの語源★
『een(evening)』=夜
というのが語源なんだそうです。 |
||
![]() |
![]() |
†部品です†
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
-----
+ 使い方+
下記のようなテーブルを作ります
全体の幅と高さは自由です
テーブルの線の太さは「0(ゼロ)」にして下さいね
高さ58
幅64 |
高さ58
幅自由 |
高さ58
幅56 |
高さ
自由 幅64 |
このセルの幅は自由 背景色は #ffffff
に設定して下さい
★文字などは、このセルに |
高さ
自由 幅56 |
高さ94
幅64 |
高さ94
幅自由 |
高さ94
幅56 |
高さ58
幅64 |
高さ58
幅自由 |
高さ58
幅56 |
高さ
自由 幅64 |
このセルの幅は自由 背景色は #ff6600
に設定して下さい
|
高さ
自由 幅56 |
高さ94
幅64 |
高さ94
幅自由 |
高さ94
幅56 |
高さ58
幅64 |
高さ58
幅自由 |
高さ58
幅56 |
高さ
自由 幅64 |
このセルの幅は自由 背景色は #482338
に設定して下さい
|
高さ
自由 幅56 |
高さ94
幅64 |
高さ94
幅自由 |
高さ94
幅56 |
高さ58
幅64 |
高さ58
幅自由 |
高さ58
幅56 |
高さ
自由 幅64 |
このセルの幅は自由 背景色は #190042
に設定して下さい
|
高さ
自由 幅56 |
高さ94
幅64 |
高さ94
幅自由 |
高さ94
幅56 |
高さ58
幅64 |
高さ58
幅自由 |
高さ58
幅56 |
高さ
自由 幅64 |
このセルの幅は自由 背景色は #5E0000
に設定して下さい
|
高さ
自由 幅56 |
高さ94
幅64 |
高さ94
幅自由 |
高さ94
幅56 |
単位は「pixel」です
まず、左上、右上、左下、右下のセルに、それぞれダウンロードして
頂いた画像を配置します。
次に、上の例で緑色にしてあるセルの背景画像に
ダウンロードして頂いた部品を指定します
上中には、上中の画像を
下中には、下中の画像を
左側には、左の画像を
右側には、右の画像を
それぞれ、背景画像に設定して下さい
まん中のセルの背景色は、
それぞれの色に合わせて設定して下さい
以下は、テーブル部分のタグです
参考にして下さいね
--------
<table border="0" cellpadding="0" cellspacing="0">
<tr height="58">
<td width="64" height="58"><img src="左上部分の画像の名前.gif" alt="" height="58" width="64" border="0"></td>
<td height="58" background="上中部分の画像の名前.gif"></td>
<td width="56" height="58"><img src="右上部分の画像の名前.gif" alt="" height="58" width="56" border="0"></td>
</tr>
<tr>
<td width="64" background="左中部分の画像の名前.gif"></td>
<td bgcolor="white">
<div align="center">
<font color="#で始まる色指定(文字の色)">ここにお好きな文字などを</font>
</div>
</td>
<td width="56" background="右中部分の画像の名前.gif"></td>
</tr>
<tr height="94">
<td width="64" height="94"><img src="左下部分の画像の名前.gif" alt="" height="94" width="64" border="0"></td>
<td height="94" background="wh/frame-neko-bottom.gif"></td>
<td width="56" height="94"><img src="右下部分の画像の名前.gif" alt="" height="94" width="56" border="0"></td>
</tr>
</table>
graphix by 痢煙 |