500ピクセル幅のテンプレート ８
テンプレート 8
width="500"（テーブル幅、500ピクセル）のテンプレート
サンプル
■■■■ 題名
□
テキスト１
画像１
画像２
■
テキスト２
□
テキスト３
画像３
画像４
■
テキスト４
コピペ用タグ
<!--外側テーブル開始-->
<table width="500" border="0" cellspacing="6" style="border:1px dotted #cccccc;" cellpadding="4">
<tr align="left">
<td colspan="4" style="border-bottom: 1px solid #333333;">
<!--題名 書き込み 開始-->
<font color="#663300" size="2">■■■■ 題名 </font>
<!--題名 書き込み 終了-->
</td>
</tr>
<tr>
<td width="6"><font color="#663300" size="2">□</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト１ </td>
<td width="100" rowspan="2" align="center" valign="middle" bgcolor="#CC9966"> 画像１ </td>
<td width="100" rowspan="2" align="center" valign="middle"> 画像２ </td>
</tr>
<tr>
<td width="6"><font color="#663300" size="2">■</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト２ </td>
</tr> <tr><td width="6"><font color="#663300" size="2">□</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト３ </td>
<td width="100" rowspan="2" align="center" valign="middle"> 画像３ </td>
<td width="100" rowspan="2" align="center" valign="middle" bgcolor="#CC9966"> 画像４ </td>
</tr>
<tr>
<td width="6"><font color="#663300" size="2">■</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト４ </td>
</tr>
</table>
<!--外側のテーブル 終了-->
<table width="500" border="0" cellspacing="6" style="border:1px dotted #cccccc;" cellpadding="4">
<tr align="left">
<td colspan="4" style="border-bottom: 1px solid #333333;">
<!--題名 書き込み 開始-->
<font color="#663300" size="2">■■■■ 題名 </font>
<!--題名 書き込み 終了-->
</td>
</tr>
<tr>
<td width="6"><font color="#663300" size="2">□</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト１ </td>
<td width="100" rowspan="2" align="center" valign="middle" bgcolor="#CC9966"> 画像１ </td>
<td width="100" rowspan="2" align="center" valign="middle"> 画像２ </td>
</tr>
<tr>
<td width="6"><font color="#663300" size="2">■</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト２ </td>
</tr> <tr><td width="6"><font color="#663300" size="2">□</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト３ </td>
<td width="100" rowspan="2" align="center" valign="middle"> 画像３ </td>
<td width="100" rowspan="2" align="center" valign="middle" bgcolor="#CC9966"> 画像４ </td>
</tr>
<tr>
<td width="6"><font color="#663300" size="2">■</font></td>
<td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト４ </td>
</tr>
</table>
<!--外側のテーブル 終了-->
タグ解説
使用例
■■■■
My Fvorite
□
テキスト１
画像１
画像２
■
テキスト２
□
テキスト３
画像３
画像４
■
テキスト４
<table width="500" border="0" cellspacing="6" style="border:1px dotted #ffcc66;" cellpadding="4"> <tr align="left"> <td colspan="4" style="border-bottom: 1px solid #333333;"><font color="#FF6600" size="2"> ■■■■ 題名
</font> </font></td></tr> <tr><td width="6"><font color="#FF6600" size="2">□</font></td> <td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト１
</td><td width="100" rowspan="2" align="center" valign="middle" bgcolor="#FFCC66"> 画像１
</td><td width="100" rowspan="2" align="center" valign="middle"> 画像２
</td></tr> <tr><td width="6"><font color="#FF6600" size="2">■</font></td> <td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト２
</td></tr> <tr><td width="6"><font color="#FF6600" size="2">□</font></td> <td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト３
</td><td width="100" rowspan="2" align="center" valign="middle"> 画像３
</td><td width="100" rowspan="2" align="center" valign="middle" bgcolor="#FFCC66"> 画像４
</td></tr> <tr><td width="6"><font color="#FF6600" size="2">■</font></td> <td align="left" valign="top" style="border-bottom: 1px solid #333333;"> テキスト４
</td></tr> </table>
© Rakuten Group, Inc.
