テンプレ1

テンプレ1:シンプル ブルーライン

+ テンプレトップ + カラー別INDEX +
BACK NEXT

上部エリア
左のエリア
☆画像1☆
エリア1
☆画像2☆
エリア2
☆画像3☆
エリア3
☆画像4☆
エリア4
☆画像5☆
エリア5
 

<table style="width:600px; height:650px; padding:10px; background-color:#ffffff;border:1px dashed silver;"> <tr><td> <table style="width:100%;height:100px;border-bottom:10px solid powderblue"> <tr> <td align=center valign=middle> 上部エリア </td> </tr> </table> <table cellspacing=5px style="width:100%;margin-top:5px;"> <tr style="height:100px;"> <td align=left valign=top rowspan=5 style="width:200px;padding:10px;border-right:10px solid powderblue;"> 左のエリア </td> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像1☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア1 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像2☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア2 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像3☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア3 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px; border-bottom:1px dashed silver;"> ☆画像4☆ </td> <td align=left valign=top style="width:400px;padding:10px; border-bottom:1px dashed silver;"> エリア4 </td> </tr> <tr style="height:100px;"> <td align=center valign=middle style="width:120px;"> ☆画像5☆ </td> <td align=left valign=top style="width:400px;padding:10px; "> エリア5 </td> </tr> </table> </td></tr> <tr height=15px> <td colspan=3 align=right style="border-top:1ps dashed #cccccc;font-size:10px; padding-right:small;"> <a href="http://plaza.rakuten.co.jp/unamama">Designed by unamama</a> </td> </tr> </table>


© Rakuten Group, Inc.
X

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