 |
|
|
|
<table width="500" height="150" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50" height="50"><img src="u1.gif" width="50" height="50"></td>
<td background="u1.gif"></td>
<td width="50"><img src="u1.gif" width="50" height="50"></td>
</tr>
<tr bgcolor="#FFFFFF" width="500" height="150">
<td background="u1.gif"></td>
<td>
ここに本文が入ります。
</td>
<td background="u1.gif"></td>
</tr>
<tr>
<td height="50"><img src="u1.gif" width="50" height="50"></td>
<td background="u1.gif"></td>
<td><img src="u1.gif" width="50" height="50"></td>
</tr>
</table>
|
|
|
|
|
 |
|
|
|
ソースは上と同じです。
横幅、縦幅とも50の倍数＋100の固定になります。
使う画像のファイル名に変えてご使用ください。
|
|
|
|
|
 |
|
|
|
<table width="500" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="50" bgcolor="#990000"><img src="y1.gif" width="50" height="50"></td>
<td bgcolor="#990000"></td>
<td width="50" bgcolor="#990000"><img src="y1.gif" width="50" height="50" alt></td>
</tr>
<tr bgcolor="#990000">
<td></td>
<td bgcolor="#ffffff" width="500" height="150">
ここに本文が入ります。
</td>
<td></td>
</tr>
<tr>
<td height="50" bgcolor="#990000"><img src="y1.gif" width="50" height="50"></td>
<td bgcolor="#990000"></td>
<td bgcolor="#990000"><img src="y1.gif" width="50" height="50" alt=""></td>
</tr>
</table>
|
|
|
|
|
 |
|
|
|
ソースは上と同じです。
縦横可変。
カラー部分（＃〜）は、お好きな色に変えてください。
使う画像のファイル名に変えてご使用ください。
|
|
|
|
|
縦2段組のテーブルです。
背景画像、色（＃〜）好みで変更してください。
---------↓ここから↓-------------
<table border="0" width="500" cellspacing="0" cellpadding="5">
<tr>
<td bgcolor="#ffffff" height="200">
ここに本文が入ります。
</td></tr>
<td background="wa2.png" height="50"></td>
</tr>
</table>
---------↑ここまで↑-------------
|
|
|
横2段組のテーブルです。
背景画像、色（＃〜）好みで変更してください。
---------↓ここから↓-------------
<table frame="border" width="500" height="200" cellspacing="0" cellpadding="5" border="2" bordercolor="#cc0033">
<tr>
<td width="50" background="wa1.png"></td>
<td bgcolor="#FFFFFF" height="150">
ここに本文が入ります。
</td>
</tr>
</table>
---------↑ここまで↑-------------
|
 |
短冊風（横）
壁紙画像を100×100で
表示しています。
|
 |
◆お品書き
|
●短冊風（横）のサンプルソース
--------------↓ここから↓----------------
<table frame="border" width="300" height="100" cellspacing="0" cellpadding="0" border="5" bordercolor="#b76b6b">
<tr>
<td width="100" bgcolor="#b76b6b"><img src="tyo.gif" width="100" height="100"></td>
<td bgcolor="#FFFFFF" height="100">
ここに本文が入ります。
</td>
</tr>
</table>
--------------↑ここまで↑----------------
|
短冊風(縦)
メニューとかに使えそう。
|
|
 |
色々な素材でお試しください。
|
|
●短冊風（縦）のサンプルソース
--------------↓ここから↓----------------
<table frame="border" width="100" height="150" cellspacing="0" cellpadding="0" border="5" bordercolor="#8db1e1">
<tr>
<td width="100" bgcolor="#8db1e1"><img src="kae2.gif" width="100" height="100"></td></tr>
<td bgcolor="#FFFFFF" height="150">
ここに本文が入ります。
</td>
</tr>
</table>
--------------↑ここまで↑----------------
|
