ソース

以下の色をテキストエディタなどでお好みの色に"置換"してお使いください。

枠線 　#6B8EB2　　 枠線 　#CCCCCC　　 画像スペース背景色 　#C1E0FF　　 商品小コメント背景色　#E5F2FF
商品大タイトル文字色　#2375D8　　 商品大コメント文字色　#666666
ソースはこちらをコピーしてお使いください。
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr valign="top" >
<td width="100%" align="center">
<table border=0 cellspacing=0 cellpadding=0 width=99% align="center">
<tr bgcolor="#6B8EB2">
<td>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td height="10" bgcolor="#C1E0FF"></td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=99%>
<tr bgcolor="#C1E0FF">
<td height="8" bgcolor="#FFFFFF"></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=99% align="center">
<tr bgcolor="#6B8EB2">


<td background="http://my.plaza.rakuten.co.jp/img/user/haikeigazou.gif" bgcolor="#CCCCCC">

<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr>
<td>
<br>

■画像を背景にコメントを入れられます

<br><br><br>
</td>
<td width="200" height="10" valign="top"><br>
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003399"><table width="180" border="0" cellspacing="1" cellpadding="3">
<tr>


<td bgcolor="#C1E0FF"><font size="-1">メニュー</font></td>
</tr>
<tr>


<td bgcolor="#FFFFFF">
<font size="-1">

■リンク1

<br>

■リンク2

<br>

■リンク3

</font>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大1

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大1

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大1

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大2

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大2

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td><font color="#666666" size="-1">■説明・コメントなど大2</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>


<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大3

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大3

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大3

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大4

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大4

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大4

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>


<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大5

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大5

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大5

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大6

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大6

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大6

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>


<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大7

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大7

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大7

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">


<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大8

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大8

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大8

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

</td>
<td width="190" align="left">

<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center><b><font size=-2>

■タイトル小1

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小1

</td>
<td><font size=-2>

■説明小1

</font></tr>
</table></td>
</tr>
</table>


<img src="http://plaza.rakuten.co.jp/img/t.gif" width="190" height="8"><br>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center>
<b><font size=-2>

■タイトル小2

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小2

</td>
<td><font size=-2>

■説明小2

</font></tr>
</table></td>
</tr>
</table>


<img src="http://plaza.rakuten.co.jp/img/t.gif" width="190" height="8"><br>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center>
<b><font size=-2>

■タイトル小3

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小3

</td>
<td><font size=-2>

■説明小3

</font></tr>
</table>
</td>
</tr>
</table>


<img src="http://plaza.rakuten.co.jp/img/t.gif" width="190" height="8"><br>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center><b><font size=-2>

■タイトル小4

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小4

</td>
<td><font size=-2>

■説明小4

</font></tr>
</table>
</td>
</tr>
</table>

</td>
</tr></table>


© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
    Share by: