やまとなでしこ・縦書き・吾亦紅

フリーページ用テンプレート・やまとなでしこ・縦書き・吾亦紅

このテンプレートはフリーページ用か左メイン、右メイン型のTOPページで使えます(幅500px)。

注意!
この縦書きテンプレートはインターネットエクスプローラ(IE)5.0以上でないと見られません。また、ネットスケープ(NN)には対応していません。ご自分のインターネットビューアがNEの方が見られないのはもちろん、IEを使っている方でも、訪問者がNNを使っていれば閲覧できない事をあらかじめご了承ください。

横書き用の「やまとなでしこ」 も作っていますので、両方用意して「閲覧できない方はこちら」と言うかんじで誘導するといいと思います。

「つけたしテンプレA・B」は商品を増やしたいときに使ってください。もちろん、付け足しテンプレのみ単体で使ってもOKです。色替えできる方はお好きな色に替えていただいてかまいません。

吾亦紅のソースは一番下にあります。この他の色は準備中。リクエスト受けます。
縦書きは和風な感じが出て面白い。列の分だけ背景の小豆色も横に伸びます。
ここは横書き、左揃えにしてあります。段落は<BR>を入れ、1行空けるときは<BR><BR>です。

ただし、テンプレートマスターを使うときはenterキーでの行変えが反映されるので必要ありません。
画像1
商品名の字数は十四文字以内で
画像2
半角英数字はAB15となる
説明1
説明2
画像3
商品名3
画像4
商品名4
説明3
説明4
画像5
商品名5
画像6
商品名6
画像7
商品名7
画像8
商品名8
説明5
説明6
説明7
説明8
designed by 1hアフィリ :やまとなでしこ
画像一
商品名一
画像二
商品名二
画像三
商品名三
画像四
商品名四
説明一
説明二
説明三
説明四

商品名あ
説明あ
画像あ
商品名い
説明い
画像い
商品名う
説明う
画像う
商品名え
説明え
画像え

吾亦紅ソース

<TABLE BORDER="0px" CELLSPACING="0px" CELLPADDING="0px" align=center BGCOLOR=FFFFFF>
<TR>
<td width=250px colspan=5 rowspan=5 BGCOLOR=f9e4df valign=top align=center style="border-color:#800040; border-width:1px; border-style:solid; ">
<TABLE BORDER="0px" CELLSPACING="0px" CELLPADDING="5px" align=center bgcolor=ffffff>
<tr><td align=left width=50px height=100px BGCOLOR=800040><Div Style="writing-mode:tb-rl;Height:90px;LINE-HEIGHT: 20px; font-size:13px;"><FONT SIZE="2" color=FFFFFF> 縦書きテキストはこちら </FONT></DIV>
</td></tr></table>
<TABLE BORDER="0px" CELLSPACING="0px" CELLPADDING="5px" align=center bgcolor=ffffff>
<tr><td align=left width=250px height=100px BGCOLOR=f9e4df ><FONT SIZE="2" color=800040> 横書きテキストはこちら </FONT>
</td></tr>
</table></td>
<td width=10px rowspan=9></td>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid; "> 画像1 </td>
<td BGCOLOR=800040 valign=top width=30px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名1 </FONT></DIV></td>
<td width=10px rowspan=9></td>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像2 </td>
<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF>商品名2</FONT></DIV>
</td>
</tr>
<tr>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明1 </font></td>

<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明2 </font></td>
</tr>
<tr><td height=10px colspan=5></td></tr>

<tr>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像3 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名3 </FONT></DIV>
</td>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像4 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=ffffff> 商品名4 </FONT></td>
</tr>
<tr>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明3 </font></td>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明4 </font></td>

<tr>
<tr height=10><td colspan=11></td></tr>

<tr>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像5 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名5 </FONT></DIV>
</td>
<td width=10px rowspan=2></td>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像6 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=ffffff> 商品名6 </FONT></td>


<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像7 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名7 </FONT></DIV>
</td>

<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像8 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=ffffff> 商品名8 </FONT></td>

</tr>
<tr>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明5 </font></td>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明6 </font></td>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明7 </font></td>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2"> 説明8 </font></td>
<tr></table><TABLE width="500" BORDER="0" CELLSPACING="0" CELLPADDING="0" align=center><tr><td align=right><A HREF="http://plaza.rakuten.co.jp/1hour/"><FONT SIZE="1" color="#FF8080">designed by 1hアフィリ</A>:やまとなでしこ</FONT></td></tr></TABLE>


<TABLE BORDER="0px" CELLSPACING="0px" CELLPADDING="0px" align=center BGCOLOR=FFFFFF>
<tr>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像一 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名一 </FONT></DIV>
</td>
<td width=10px rowspan=2></td>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像二 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=ffffff> 商品名二 </FONT></td>

<td width=10px rowspan=2></td>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像三 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名三 </FONT></DIV>
</td>
<td width=10px rowspan=2></td>
<td BGCOLOR=f9e4df align=center width=90px height=90px style="border-color:#800040; border-width:1px; border-style:solid;"> 画像四 </td>

<td BGCOLOR=800040 width=30px ><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=ffffff> 商品名四 </FONT></td></tr>
<tr>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明一 </font></td>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明二 </font></td>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2" > 説明三 </font></td>
<td BGCOLOR=ffffff height=40 colspan=2 valign=top style="border-color:#800040; border-width:0px 1px 1px 1px; border-style:solid;"><font size="2"> 説明四 </font></td></tr><tr height=10><td colspan=7></td></tr></table>

<TABLE BORDER="0px" CELLSPACING="0px" CELLPADDING="0px" align=center BGCOLOR=FFFFFF>
<tr>
<td height=150 rowspan=2>
<table BGCOLOR=800040 cellspacing=0 CELLPADDING="0" style="font-size:x-small;margin-top:20px;margin-left:10px;" border=0 ><tr><td valign=top valign=middle width=120px height=90px><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名あ </FONT></DIV></td></tr><tr><td BGCOLOR=ffffff height=40 valign=top style="border-color:#800040; border-width:1px; border-style:solid;"><font size="2" > 説明あ </font></td>
</tr></table>

<table cellspacing=0 CELLPADDING="0" style="border:0px solid #FFC9B3;font-size:x-small;margin-top:-150px;margin-left:0px;" border=0>
<tr height=100px>
<td bgcolor=#f9e4df align=center valign=middle width=90px height=90px style="border:1px solid #800040;"> 画像あ </td></tr></table>
</td>

<td width=5px rowspan=2></td>


<td height=150 rowspan=2>
<table BGCOLOR=800040 cellspacing=0 CELLPADDING="0" style="font-size:x-small;margin-top:20px;margin-left:10px;" border=0 ><tr><td valign=top valign=middle width=120px height=90px><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名い </FONT></DIV></td></tr><tr><td BGCOLOR=ffffff height=40 valign=top style="border-color:#800040; border-width:1px; border-style:solid;"><font size="2" > 説明い </font></td>
</tr></table>

<table cellspacing=0 CELLPADDING="0" style="border:0px solid #FFC9B3;font-size:x-small;margin-top:-150px;margin-left:0px;" border=0>
<tr height=100px>
<td bgcolor=#f9e4df align=center valign=middle width=90px height=90px style="border:1px solid #800040;"> 画像い </td></tr></table>
</td>

<td width=5px rowspan=2></td>

<td height=150 rowspan=2>
<table BGCOLOR=800040 cellspacing=0 CELLPADDING="0" style="font-size:x-small;margin-top:20px;margin-left:10px;" border=0 ><tr><td valign=top valign=middle width=120px height=90px><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名う </FONT></DIV></td></tr><tr><td BGCOLOR=ffffff height=40 valign=top style="border-color:#800040; border-width:1px; border-style:solid;"><font size="2" > 説明う </font></td>
</tr></table>

<table cellspacing=0 CELLPADDING="0" style="border:0px solid #FFC9B3;font-size:x-small;margin-top:-150px;margin-left:0px;" border=0>
<tr height=100px>
<td bgcolor=#f9e4df align=center valign=middle width=90px height=90px style="border:1px solid #800040;"> 画像う </td></tr></table>
</td>
<td width=5px rowspan=2></td>

<td height=150 rowspan=2>
<table BGCOLOR=800040 cellspacing=0 CELLPADDING="0" style="font-size:x-small;margin-top:20px;margin-left:10px;" border=0 ><tr><td valign=top valign=middle width=120px height=90px><Div Style="writing-mode:tb-rl;Height:90px;"><FONT SIZE="2" color=FFFFFF> 商品名え </FONT></DIV></td></tr><tr><td BGCOLOR=ffffff height=40 valign=top style="border-color:#800040; border-width:1px; border-style:solid;"><font size="2" > 説明え </font></td>
</tr></table>

<table cellspacing=0 CELLPADDING="0" style="border:0px solid #FFC9B3;font-size:x-small;margin-top:-150px;margin-left:0px;" border=0>
<tr height=100px>
<td bgcolor=#f9e4df align=center valign=middle width=90px height=90px style="border:1px solid #800040;"> 画像え </td></tr></table>
</td></TR></table>
<table border="0" cellspacing="0" cellpadding="0"><tr><td height=10></td></tr></table>



© Rakuten Group, Inc.
X

Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: