テンプレ20

テンプレ20:トップタイプxグレー1
●トップページ向け。左側のメニューを消して文章や商品を並べても。

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

◎ H O M E

◎ M E N U 1

◎ M E N U 2

◎ M E N U 3

◎ M E N U 4

◎ M E N U 5

S A M P L E
画像や文字など
行間は広めに取ってあります
行間を調整するには"line-height"タグを変更してください
画像など
画像など
文章や画像
お好きに使ってください
画像など
画像など

Designed by unamama

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

 

<table cellspacing=10px cellpadding=5px width=600px bgcolor=#ffffff style="border:1px solid #cccccc"> <tr height=100px> <td rowspan=6 width=150px align=center valign=top style="padding:5px; border:1px solid #cccccc" > <p style="height:15px;width:140px;text-align:left;padding:3px 0px 3px 5px; background-color:#cccccc;color:#ffffff;font-size:12px;margin-top:10px;"> ◎ H O M E </p> <p style="height:15px;width:140px;text-align:left;padding:3px 0px 3px 5px; background-color:#cccccc;color:#ffffff;font-size:12px;margin-top:-10px;"> ◎ M E N U 1 </p> <p style="height:15px;width:140px;text-align:left;padding:3px 0px 3px 5px; background-color:#cccccc;color:#ffffff;font-size:12px;margin-top:-10px;"> ◎ M E N U 2 </p> <p style="height:15px;width:140px;text-align:left;padding:3px 0px 3px 5px; background-color:#cccccc;color:#ffffff;font-size:12px;margin-top:-10px;"> ◎ M E N U 3 </p> <p style="height:15px;width:140px;text-align:left;padding:3px 0px 3px 5px; background-color:#cccccc;color:#ffffff;font-size:12px;margin-top:-10px;"> ◎ M E N U 4 </p> <p style="height:15px;width:140px;text-align:left;padding:3px 0px 3px 5px; background-color:#cccccc;color:#ffffff;font-size:12px;margin-top:-10px;"> ◎ M E N U 5 </p> </td> <td colspan=3 bgcolor=#eeeeee align=center style="color:#cccccc;"> S A M P L E </td> </tr> <tr height=150px> <td colspan=3 align=left valign=top style="padding:10px; border:1px dashed #cccccc;line-height:20px"> 画像や文字など<br> 行間は広めに取ってあります<br> 行間を調整するには"line-height"タグを変更してください </td> </tr> <tr height="100px"> <td width="100px" bgcolor="#eeeeee" align=center valign=middle>画像など</td> <td width="100px" align=center valign=middle>画像など</td> <td rowspan=2 width="150px" align=left valign=top style="padding:5px; line-height:15px;border:1px solid #eeeeee"> 文章や画像<br> お好きに使ってください </td> </tr> <tr height="100px"> <td width="100px" align=center valign=middle>画像など</td> <td width="100px" bgcolor="#eeeeee" align=center valign=middle>画像など</td> </tr> </table> <p style="width:600px;margin-top:0px;text-align:right;background-color:#ffffff; font-size:9px;"> <a href="http://plaza.rakuten.co.jp/unamama">Designed by unamama</a> </p>



© Rakuten Group, Inc.
X

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