 |
 |
 |
 |
 |
|
|
スポンサードリンク
スポンサードリンク
|
|||||
 |
 |
||||
◆サンタクマ サンプルソース◆
サンプルソースをこのまま使う場合は、
テーブルを使うhtmlファイルが入っているフォルダ内に
ダウンロードした画像ファイルを名前をかえずに全部入れて下さい。
画像の場所を変えた場合は、こちらも書き換えてください。
こちらのサンプルソースの画像は「サンタクマ・ノーマル」です。
他を使う場合は、ファイル名を変えてください。
-------------↓ここから↓-------------------
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="41"><IMG src="kuma-a1.gif" width="41" height="129" border="0"></TD>
<TD width="41" background="kuma-a2.gif"></TD>
<TD width="41"><IMG src="kuma-a3.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="kuma-a4.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="kuma-a5.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="kuma-a6.gif" width="41" height="129" border="0"></TD>
</TR>
<TR>
<TD width="41" background="kuma-b1.gif"></TD>
<TD width="164" colspan="4" bgcolor="#FFFFFF">
<br>
横幅164固定サイズです。<br>
ここに本文が入ります。<br>
</TD>
<TD width="41" background="kuma-b2.gif"></TD>
</TR>
<TR height="21">
<TD width="41"><IMG src="kuma-c1.gif" width="41" height="21" border="0"></TD>
<TD colspan="4" background="kuma-c2.gif"></TD>
<TD width="41"><IMG src="kuma-c3.gif" width="41" height="21" border="0"></TD>
</TR>
</TABLE>
-------------↑ここまで↑-----------------
広告
◆応用編◆
●フォトフレーム風サンプルソースサンプルソースをこのまま使う場合は、
テーブルを使うhtmlファイルが入っているフォルダ内に
ダウンロードした画像ファイルを名前をかえずに全部入れて下さい。
フレーム内に入れる画像（写真）の横幅・縦幅です。
画像の場所を変えた場合は、こちらも書き換えてください。
こちらのサンプルソースの画像は「サンタクマ・緑」です。
他を使う場合は、ファイル名を変えてください。
-------------↓ここから↓-------------------
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="41"><IMG src="g-kuma-a1.gif" width="41" height="129" border="0"></TD>
<TD width="200" background="g-kuma-a2.gif">
<b><DIV align="center">ここにタイトルなど</DIV>
</b>
</TD>
<TD width="41"><IMG src="g-kuma-a3.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="g-kuma-a4.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="g-kuma-a5.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="g-kuma-a6.gif" width="41" height="129" border="0"></TD>
</TR>
<TR>
<TD width="41" background="g-kuma-b1.gif"></TD>
<TD width="164" colspan="4" bgcolor="#FFFFFF">
<TABLE>
<TR>
<TD>
<br>
<IMG src="画像ファイル名" width="画像の横幅" height="画像の縦幅" border="0">
<DIV align="center">
<HR>
ここにコメントを入れられます<br>
</DIV>
</td>
</tr>
</table>
</TD>
<TD width="41" background="g-kuma-b2.gif"></TD>
</TR>
<TR height="21">
<TD width="41"><IMG src="g-kuma-c1.gif" width="41" height="21" border="0"></TD>
<TD colspan="4" background="g-kuma-c2.gif"></TD>
<TD width="41"><IMG src="g-kuma-c3.gif" width="41" height="21" border="0"></TD>
</TR>
</TABLE>
-------------↑ここまで↑-----------------
広告
●横幅指定サンプルソース
サンプルソースをこのまま使う場合は、
テーブルを使うhtmlファイルが入っているフォルダ内に
ダウンロードした画像ファイルを名前をかえずに全部入れて下さい。
テーブルの横幅です。好きな数値にしてください。
画像の場所を変えた場合は、こちらも書き換えてください。
こちらのサンプルソースの画像は「サンタクマ・青」です。
他を使う場合は、ファイル名を変えてください。
-------------------↓ここから↓-------------------
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="41"><IMG src="b-kuma-a1.gif" width="41" height="129" border="0"></TD>
<TD width="414" background="b-kuma-a2.gif">
ここにタイトルやコメントを入れられます。<br>
</TD>
<TD width="41"><IMG src="b-kuma-a3.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="b-kuma-a4.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="b-kuma-a5.gif" width="41" height="129" border="0"></TD>
<TD width="41"><IMG src="b-kuma-a6.gif" width="41" height="129" border="0"></TD>
</TR>
<TR>
<TD width="41" background="b-kuma-b1.gif"></TD>
<TD width="164" colspan="4" bgcolor="#FFFFFF">
<TABLE width="500">
<TR>
<TD>
<br>
ここに本文が入ります。<br>
<br>
</td>
</tr>
</table>
</TD>
<TD width="41" background="b-kuma-b2.gif"></TD>
</TR>
<TR height="21">
<TD width="41"><IMG src="b-kuma-c1.gif" width="41" height="21" border="0"></TD>
<TD colspan="4" background="b-kuma-c2.gif"></TD>
<TD width="41"><IMG src="b-kuma-c3.gif" width="41" height="21" border="0"></TD>
</TR>
</TABLE>
----------------↑ここまで↑-------------------