テンプレート5・ノート風

ノート(って言うかメモ帳?/汗)っぽく作ってみました。

今月のおすすめ品★ 人気商品ピックアップ♪ 
【期間限定】さくさく★おれんじタルト★
画像2
画像3
ここにテキスト2
ここにテキスト3

冷やして美味しい夏のデザート
口当たりなめらかで味わい濃厚♪ご自宅用まろやかプリン:12個
[カニ市場]夕張メロンピュアゼリー
画像タグ1-3
画像タグ1-4
画像タグ1-5

タイトル・見出し2
画像タグ2-1
画像タグ2-2
画像タグ2-3
画像タグ2-4
画像タグ2-5

タイトル・見出し3
画像タグ3-1
画像タグ3-2
画像タグ3-3
画像タグ3-4
画像タグ3-5
Design by BEE BEE


(楽天広場HPで使用される場合は、必ず「自動改行しない」を選んで下さいね)
テキストが長い場合、適当な位置で改行タグ<BR>を入れると見た目がスッキリします。
例えば、上のサンプルの《【期間限定♪】さくさく★オレンジタルト★》の場合、
【期間限定♪】のあとに<BR>を入れて改行しています。

ソースはこちら↓

<!--ここから-->
<CENTER>
<TABLE width="570" height="165" bgcolor="#ffffff" cellpadding="0" cellspacing="5" style="border : 1px solid #804000;">
<TBODY>
<TR>
<TD nowrap valign="middle" align="center" width="30"><FONT color="#804000">○</FONT></TD>
<TD nowrap valign="bottom" align="left" width="514" rowspan="4">
<CENTER>
<TABLE width="550">
<TBODY>
<TR>
<TD colspan="3" nowrap valign="bottom" align="center" bgcolor="#fff2e6" style="border: 1px solid #804000;" height="15">
<FONT color="#ca6500">■</FONT><FONT color="#aa5500">■</FONT><FONT color="#660000">■</FONT><FONT color="#400000"><MARQUEE LOOP="-1" width="130" scrollamount="2">今月のおすすめ品★ 人気商品ピックアップ♪ </MARQUEE></FONT><FONT color="#660000">■<FONT color="#aa5500">■</FONT></FONT><FONT color="#ca6500">■</FONT></TD>
</TR>
<TR>
<TD style="border-bottom: 2pt dotted #804000;" height="98" nowrap valign="middle" align="center" width="178">画像</TD>
<TD style="border-bottom: 2pt dotted #804000; border-left: 2pt dotted #804000;border-right: 2pt dotted #804000;" height="98" nowrap valign="middle" align="center" width="178">画像</TD>
<TD style="border-bottom: 2pt dotted #804000;" height="98" nowrap valign="middle" align="center" width="178">画像</TD>
</TR>
<TR>
<TD height="31" valign="middle" align="center"><FONT size="-1">ここにテキスト</FONT></TD>
<TD style="border-left: 2pt dotted #804000;border-right: 2pt dotted #804000;" height="31" valign="middle" align="center"><FONT size="-1">ここにテキスト</FONT></TD>
<TD height="31" valign="middle" align="center"><FONT size="-1">ここにテキスト</FONT></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30"><FONT color="#804000">○</FONT></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE width="630" height="500" bgcolor="#ffffff" style="border: 1pt solid #804000;">
<TBODY>
<TR>
<TD>
<CENTER>
<TABLE width="625" cellspacing="10">
<TBODY>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
<TD rowspan="15">
<CENTER>
<TABLE width="550" height="142">
<TBODY>
<TR valign="bottom">
<TD colspan="5" bgcolor="#ffffff" valign="bottom" align="center" style="border:1pt solid #804000;" nowrap height="24">
<FONT color="#ca6500">■</FONT><FONT color="#aa5500">■</FONT><FONT color="#660000">■</FONT><FONT color="#400000">タイトル・見出し1</FONT><FONT color="#660000">■<FONT color="#aa5500">■</FONT></FONT><FONT color="#ca6500">■</FONT></TD>
</TR>
<TR>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ1-1</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ1-2</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ1-3</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ1-4</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ1-5</TD>
</TR>
</TBODY>
</TABLE>
<br>
<TABLE width="550" height="142">
<TBODY>
<TR>
<TD colspan="5" bgcolor="#ffffff" height="24" valign="bottom" align="center" style="border:1pt solid #804000;" nowrap>
<FONT color="#ca6500">■</FONT><FONT color="#aa5500">■</FONT><FONT color="#660000">■</FONT><FONT color="#400000">タイトル・見出し2</FONT><FONT color="#660000">■<FONT color="#aa5500">■</FONT></FONT><FONT color="#ca6500">■</FONT></TD>
</TR>
<TR>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ2-1</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ2-2</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ2-3</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ2-4</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ2-5</TD>
</TR>
</TBODY>
</TABLE>
<br>
<TABLE width="550" height="142">
<TBODY>
<TR>
<TD colspan="5" bgcolor="#ffffff" height="24" valign="bottom" align="center" style="border:1pt solid #804000;" nowrap>
<FONT color="#ca6500">■</FONT><FONT color="#aa5500">■</FONT><FONT color="#660000">■</FONT><FONT color="#400000">タイトル・見出し3</FONT><FONT color="#660000">■<FONT color="#aa5500">■</FONT></FONT><FONT color="#ca6500">■</FONT></TD>
</TR>
<TR>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ3-1</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ3-2</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ3-3</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ3-4</TD>
<TD height="100" width="100" valign="middle" align="center" style="border:2pt dotted #804000;">画像タグ3-5</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
<TR>
<TD nowrap valign="middle" align="center" width="30" height="30"><FONT color="#804000">○</FONT></TD>
</TR>
</TBODY>
</TABLE>
</CENTER> <TABLE align="right"> <TBODY> <TR><TD><font color="#cccccc" size="-2">Design by <A href="http://plaza.rakuten.co.jp/beeline/" target="_blank">BEE BEE</A></font></TD></TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE>
<!--ここまで-->


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