500ピクセル幅のテンプレート 5






テンプレート 5


width="500"(テーブル幅、00ピクセル)のテンプレート

ショップと商品を一緒に紹介したい場合のテンプレート

サンプル

■ ■ ■ 題名 ■ ■ ■ 
  ショップ名A
  イチオシ商品
  画像1
 テキストバナー1 
 テキストバナー2 
 テキストバナー3
  ショップ名B
  イチオシ商品
  画像2
 テキストバナー4
 テキストバナー5 
 テキストバナー6


コピペ用タグ

<!--外側テーブル開始-->
<table width="500" border="0">
<tr align="center" bgcolor="#330066">
<td colspan="2" style="border-bottom: 1px solid #333333;">
<strong><font color="#FFFFFF"> ■ ■ ■ 題名 ■ ■ ■  </font></strong></td>
</tr><tr>
<td width="50%" align="center" valign="top">
<!--左 内側のテーブル 開始-->
<table width="100%" border="0" cellspacing="4" cellpadding="2" style="border: 1px dotted #330066;">
<tr align="left" valign="top">
<td colspan="2" style="border: 2px solid #330066;"> ショップ名A </td>
</tr>
<tr align="left" valign="top"> <td> イチオシ商品 </td>
<td width="100" align="center" valign="middle"> 画像1 </td>
</tr> <tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>  テキストバナー1 </td>
</tr><tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>  テキストバナー2 </td>
</tr>
<tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>  テキストバナー3 </td>
</tr>
</table>
<!--左 内側のテーブル 終了-->
</td>
<td width="50%" align="center" valign="top">
<!--右 内側テーブル 開始-->
<table width="100%" border="0" cellspacing="4" cellpadding="2" style="border: 1px dotted #330066;">
<tr align="left" valign="top">
<td colspan="2" style="border: 2px solid #330066;"> ショップ名B </td>
</tr>
<tr align="left" valign="top"> <td> イチオシ商品 </td>
<td width="100" align="center" valign="middle">   画像2 </td>
</tr> <tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>  テキストバナー4 </td>
</tr><tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>  テキストバナー5 </td>
</tr>
<tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>  テキストバナー6 </td>
</tr>
</table>
<!--右 内側テーブル終了-->
</td></tr> </table>
<!--外側のテーブル 終了-->


タグ解説

* テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。

  ⇒ カラーコード一覧


* テキストバナーを貼り付ける行を増やすには

  ふと文字で記したタグのすぐ後ろに続けてしたのタグを入れ込みます。

<tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>  テキストバナー● </td>
</tr>


* テキストバナーを貼り付ける行を減らすには

  ふと文字で記したタグを切り取ります。



使用例
<table width="500" border="0"> <tr align="center" bgcolor="#330066"><td colspan="2" style="border-bottom: 1px solid #333333;"><strong><font color="#FFFFFF">■ ■ ■ 題名 ■ ■ ■ </font></strong></td></tr><tr bgcolor="#CCCCCC"> <td width="50%" align="center" valign="top"><table width="100%" border="0" cellpadding="2" cellspacing="4" style="border: 1px dotted #330066;"> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td colspan="2" style="border: 2px solid #330066;">お勧めショップ1</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td>お勧め商品1</td><td width="100" align="center" valign="middle">画像1</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font> テキストバナー1</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font> テキストバナー2</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font> テキストバナー3</td></tr> </table></td><td width="50%" align="center" valign="top"><table width="100%" border="0" cellspacing="4" cellpadding="2" style="border: 1px dotted #330066;"> <tr align="left" valign="top"> <td colspan="2" bgcolor="#FFFFFF" style="border: 2px solid #330066;">お勧めショップ2</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td>  お勧め商品2</td><td width="100" align="center">画像2 </td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font> テキストバナー4</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font> テキストバナー5</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font> テキストバナー6</td></tr> </table> </td></tr> </table>


© Rakuten Group, Inc.
X

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: