テンプレ9

テンプレ9:重なったセル1
アイボリーシリーズその1です

+ テンプレトップ +
BACK NEXT

+  +  +  Sample  +  +  + 
ソファー1P natural
文章を入れるとこんな感じ。
重なったテーブルです。テキスト部分は行間を少し広げて読みやすくしてあります。背景のカラーを変えると雰囲気が変わると思います。
ヒルマンチェア [送料無料]
下から1、2番目のテーブルをコピーしていけばどんどんつなげられます。
腰楽チェア(グレー) [送料無料]
テキスト3
FITTO Side Chair
テキスト4
Fabricカフェ アームチェア [送料無料]
テキスト5
肘付腰楽チェア(グレー) [送料無料]
テキスト6

Designed by unamama

■ こちらのソースをコピーしてお使いください ■

 

<center> <p style="width:500px;text-align:left;background-color:#ffffe6; padding:10px;border:3px double #cccccc"> <table width=100%> <tr height=20px> <td align=center style="color:#cccccc;font-size:15px;"> <font color="#66cccc" style="font-size:12px;">+ </font> <font style="font-size:12px;">+ </font><font color="#66cccc" style="font-size:12px;">+ </font> Sample <font color="#66cccc" style="font-size:12px;"> + </font> <font style="font-size:12px;">+ </font><font color="#66cccc" style="font-size:12px;">+ </font> </td> </tr> </table> <table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small"> <tr height=100px> <td bgcolor=#ffffff align=center valign=middle width=100px style="border:1px solid #cccccc;"> <table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc;font-size:x-small;"> <tr> <td align=center valign=middle> 画像1 </td> </tr> </table> </td> <td width=280px align=left valign=top style="padding:20px 0px 15px 10px; line-height:15px;"> テキスト1 </td> </tr> </table> <table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small; margin-top:-15px;margin-left:80px;"> <tr height=100px> <td bgcolor=#ffffff align=center valign=middle width=100px style="border:1px solid #cccccc;"> <table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc; font-size:x-small;"> <tr> <td align=center valign=middle> 画像2 </td> </tr> </table> </td> <td width=280px align=left valign=top style="padding:20px 0px 15px 10px; line-height:15px;"> テキスト2 </td> </tr> </table> <table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small; margin-top:-15px;"> <tr height=100px> <td align=center valign=middle bgcolor="#ffffff" width=100px style="border:1px solid #cccccc;"> <table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc;font-size:x-small;"> <tr> <td align=center valign=middle> 画像3 </td> </tr> </table> </td> <td width=280px align=left valign=top style="padding:20px 0px 15px 10px; line-height:15px;"> テキスト3 </td> </tr> </table> <table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small; margin-top:-15px;margin-left:80px;"> <tr height=100px> <td bgcolor=#ffffff align=center valign=middle width=100px style="border:1px solid #cccccc;"> <table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc;font-size:x-small;"> <tr> <td align=center valign=middle> 画像4 </td> </tr> </table> </td> <td width=280px align=left valign=top style="padding:20px 0px 15px 10px; line-height:15px;"> テキスト4 </td> </tr> </table> <table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small; margin-top:-15px;"> <tr height=100px> <td align=center valign=middle bgcolor="#ffffff" width=100px style="border:1px solid #cccccc;"> <table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc; font-size:x-small;"> <tr> <td align=center valign=middle> 画像5 </td> </tr> </table> </td> <td width=280px align=left valign=top style="padding:20px 0px 15px 10px; line-height:15px;"> テキスト5 </td> </tr> </table> <table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small; margin-top:-15px;margin-left:80px;"> <tr height=100px> <td bgcolor=#ffffff align=center valign=middle width=100px style="border:1px solid #cccccc;"> <table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc; font-size:x-small;"> <tr> <td align=center valign=middle> 画像6 </td> </tr> </table> </td> <td width=280px align=left valign=top style="padding:20px 0px 15px 10px; line-height:15px;"> テキスト6 </td> </tr> </table> </p> <p style="width:500px;text-align:right;padding-right:10px; margin-top:-15px"> <a href="http://plaza.rakuten.co.jp/unamama">Designed by unamama</a> </p> </center>



© Rakuten Group, Inc.
X

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