テンプレ21:トップタイプxグレー2 |
---|
●左側のメニューを消して文章や商品を並べても良いかもしれません |
|
* 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
■ こちらのソースをコピーしてお使いください ■
<table cellspacing=10px cellpadding=5px 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:15px;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:15px;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:15px;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:15px;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:15px;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:15px;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> <td rowspan=2 width=150px;align=left valign=top style="border:1px solid #eeeeee; line-height:1.5em;padding:5px"> 右側のエリア<br> 画像や文章 </td> </tr> <tr height=150px> <td colspan=3 align=left valign=top style="padding:10px; border:1px dashed #cccccc;line-height:1.5em"> 画像や文字など<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:1.5em;border:1px solid #eeeeee"> 文章や画像<br> お好きに使ってください </td> <td rowspan=2 width=150px;align=center valign=top style="line-height:1.5em;padding:5px"> バナーなどをはるといいかもしれません </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:750px;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>