◆8画像の場合◆

下記ソースをフレームを置きたい場所に記述。
赤文字部分が書き換える箇所です。

------------------------------------------↓ここから↓-------------------------------------------

<table width="横幅" cellspacing="0" cellpadding="0">
<tr>
<!-- 一段目 -->
<td width="1の幅" height="1の高さ"><img src="1の画像" width="1の幅" height="1の高さ"></td>
<td background=""></td>
<td width="2の幅"><img src="2の画像" width="2の幅" height="2の高さ"></td>
</tr>
<!-- 二段目:本文は真ん中のセルに入ります -->
<tr>
<td background=""></td>
<td bgcolor="フレーム内の色">
ここに本文が入ります。
</td>
<td background=""></td>
</tr>
<!-- 三段目 -->
<tr>
<td height="3の高さ"><img src="3の画像" width="3の幅" height="3の高さ"></td>
<td background="s"></td>
<td><img src="4の画像" width="4の幅" height="4の高さ"></td>
</tr>
</table>

------------------------------------------↑ここまで↑-------------------------------------------


1→左上の角画像
2→右上の角画像
3→左下の角画像
4→右下の角画像


u→上の画像
h→左の画像
m→右の画像
s→下の画像


素材のファイル名の末尾には、位置にあった数字・アルファベットを入れてあります。
例)tuta1.gif   1がついているので左上の画像。
  w2.gif    2がついているので右上の画像
  r-m.gif    -mが付いているので右の画像
  r-tou-u.gif  -uが付いているので上の画像
といった感じです。

フレーム内の色→角画像と同じ色(16進数)を入れます。(白なら#FFFFFF)

横幅→テーブル全体のサイズ。無くても問題ありません。

cellspacing="0" cellpadding="0"を必ず"0"にしてください。
これがないとテーブルの間に隙間ができてしまいます。

画像を入れているセルの記述部分(<td>〜</td>の間)は、
改行したり、スペースを入れたりしないで下さい。
隙間や画像のズレの原因になります。


---------------------------------スポンサード リンク--------------------------------------



4画像フレームの設置方法はこちら



inserted by FC2 system