まほうのたから箱

テンプレ24_ブラウンソース

◆ テンプレート24 ブラウン ソース ◆

初めてご使用される場合は ご利用規則 をご覧下さい。

leaf_leftTIPS leaf_right
* 途中で改行したい場合は <br> を、一行あけたい場合は、 <p> 入れてください。
* 自分のパソコン上でページのレイアウト確認をする方法など
WEBページ作成のヒントはこちらから ご覧になれます。
*  テンプレートマスター で簡単にテンプレからページを作成することができます。
テンプレートマスターとは

↓ソース表示 ここの枠内を全てコピーしてください。
背景を透過させる場合は、赤い部分を削除してください。

<center>
<table cellpadding="2" bgcolor="#FFFFFF" 
width="540" style="font-size:11px;">
<tr><td>
<table style="border:double 1pt #DEB887;font-size:12px;" cellpadding="3" width="100%">
<tr><td align="center" style="border:dotted 3pt #DEB887;">
紹介文などご自由に使ってね。もちろん画像もオッケーですよん。
</td></tr></table>
<br>
<table cellpadding="5" width="100%">
<tr><td align="center" valign="top">
<div style="border-style:solid;border-width:1px;border-color:#DEB887;padding:3px;">
<div style="width:95%; height:100px;overflow:auto;text-align:left;padding:3px;border-style:dashed;
border-width:1px;border-color:#DEB887;scrollbar-bace-color:#ffffff;
scrollbar-arrow-color:#DEB887;scrollbar-face-color:#f8efdf;scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;scrollbar-shadow-color:#DEB887;font-size:12px;">
一定文字数になればスクロールします。
<hr style="border-style:dashed;color: #DEB887; height: 1px;">
ここに文章
<hr style="border-style:dashed;color: #DEB887; height: 1px;">
ここに文章
<hr style="border-style:dashed;color: #DEB887; height: 1px;">
ここに文章
<hr style="border-style:dashed;color: #DEB887; height: 1px;">
ここに文章
</div></div>
<br>
<table cellpadding="2" style="font-size:12px;color:#ffffff;background:#DEB887" width="100%">
<tr><td align="center" valign="middle" style="border-top:1px dashed #ffffff;border-bottom:1px dashed #ffffff">
<b>** ここにタイトル **</b>
</td></tr></table>
<br>
<table cellspacing="0" cellpadding="3" height="90" width="100%" style="border:1px solid #DEB887;font-size:12px;">
<tr>
<td rowspan="2" bgcolor="#DEB887" style="border-right:1px dashed gold;" width="10">
<font style="color:#ffffff;font-size:11px">●<P>●<P>●</font></td></tr>
<td height="90" width="90" align="center" valign="middle">
画像中推奨<br>
画像大・小もOK
</td>
<td align="left" valign="top" style="border:1px dashed #DEB887" bgcolor="#f8efdf">
<b>商品名</b>
<div style="border-bottom:2px dotted #DEB887;padding:5px;"></div><br>
<font style="font-size:11px;">
商品説明
</font>
</td></tr></table>
<br>
<table cellspacing="0" cellpadding="3" height="90" width="100%" style="border:1px solid #DEB887;font-size:12px;">
<tr>
<td rowspan="2" bgcolor="#DEB887" style="border-right:1px dashed gold;" width="10">
<font style="color:#ffffff;font-size:11px">●<P>●<P>●</font></td></tr>
<td height="90" width="90" align="center" valign="middle">
画像中推奨<br>
画像大・小もOK
</td>
<td align="left" valign="top" style="border:1px dashed #DEB887" bgcolor="#f8efdf">
<b>商品名</b>
<div style="border-bottom:2px dotted #DEB887;padding:5px;"></div><br>
<font style="font-size:11px;">
商品説明
</font>
</td></tr></table>
<br>
<table cellspacing="0" cellpadding="3" height="90" width="100%" style="border:1px solid #DEB887;font-size:12px;">
<tr>
<td rowspan="2" bgcolor="#DEB887" style="border-right:1px dashed gold;" width="10">
<font style="color:#ffffff;font-size:11px">●<P>●<P>●</font></td></tr>
<td height="90" width="90" align="center" valign="middle">
画像中推奨<br>
画像大・小もOK
</td>
<td align="left" valign="top" style="border:1px dashed #DEB887" bgcolor="#f8efdf">
<b>商品名</b>
<div style="border-bottom:2px dotted #DEB887;padding:5px;"></div><br>
<font style="font-size:11px;">
商品説明
</font>
</td></tr></table>
<br>
<table cellpadding="2" style="font-size:12px;color:#ffffff;background:#DEB887" width="100%">
<tr><td align="center" valign="middle" style="border-top:1px dashed #ffffff;border-bottom:1px dashed #ffffff">
<b>** ここにタイトル **</b>
</td></tr></table>
<br>
<table style="border:1px solid #DEB887;font-size:11px" width="100%">
<tr>
<td width="25%">
<table cellpadding="1" style="font-size:11px;">
<tr><td align="center" valign="middle" style="border:dashed 1pt #DEB887" width="80" height="75">
画像小1
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #DEB887;background:#FFF5EE">
商品名1<br>12文字以内で
</td></tr>
</table>
</td>
<td width="25%">
<table cellpadding="1" style="font-size:11px;">
<tr><td align="center" valign="middle" style="border:dashed 1pt #DEB887" width="80" height="75">
画像小2
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #DEB887;background:#FFF5EE">
商品名2<br>12文字以内で
</td></tr>
</table>
</td>
<td width="25%">
<table cellpadding="1" style="font-size:11px;">
<tr><td align="center" valign="middle" style="border:dashed 1pt #DEB887" width="80" height="75">
画像小3
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #DEB887;background:#FFF5EE">
商品名3<br>12文字以内で
</td></tr>
</table>
</td>
<td width="25%" >
<table cellpadding="1" style="font-size:11px;">
<tr><td align="center" valign="middle" style="border:dashed 1pt #DEB887" width="80" height="75">
画像小4
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #DEB887;background:#FFF5EE">
商品名4<br>12文字以内で
</td></tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="border:1px dashed #DEB887;background:#f8efdf" colspan="2">
ここに文字や画像をどうぞ☆
</td>
<td width="25%">
<table cellpadding="1" style="font-size:11px;">
<tr><td align="center" valign="middle" style="border:dashed 1pt #DEB887" width="80" height="75">
画像小5
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #DEB887;background:#FFF5EE">
商品名5<br>12文字以内で
</td></tr>
</table>
</td>
<td width="25%" >
<table cellpadding="1" style="font-size:11px;">
<tr><td align="center" valign="middle" style="border:dashed 1pt #DEB887" width="80" height="75">
画像小6
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #DEB887;background:#FFF5EE">
商品名6<br>12文字以内で
</td></tr></table>
</td></tr></table>
<br>
<table width="100%">
<tr><td width="50%">
<table width="100%" style="font-size:11px" cellpadding="3">
<tr>
<td align="center" style="border-top:solid 1pt #f8efdf;border-left:solid 1pt #f8efdf;border-bottom:solid 1pt #DEB887;border-right:solid 5pt #DEB887;">
文字やリンク1
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #f8efdf;border-left:solid 1pt #f8efdf;border-bottom:solid 1pt #DEB887;border-right:solid 5pt #DEB887">
文字やリンク2
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #f8efdf;border-left:solid 1pt #f8efdf;border-bottom:solid 1pt #DEB887;border-right:solid 5pt #DEB887">
文字やリンク3
</td></tr>
</table>
</td>
<td width="50%">
<table width="100%" style="font-size:11px" cellpadding="3">
<tr>
<td align="center" style="border-top:solid 1pt #f8efdf;border-left:solid 1pt #f8efdf;border-bottom:solid 1pt #DEB887;border-right:solid 5pt #DEB887;">
文字やリンク4
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #f8efdf;border-left:solid 1pt #f8efdf;border-bottom:solid 1pt #DEB887;border-right:solid 5pt #DEB887">
文字やリンク5
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #f8efdf;border-left:solid 1pt #f8efdf;border-bottom:solid 1pt #DEB887;border-right:solid 5pt #DEB887">
文字やリンク6
</td></tr>
</table>
</td></tr></table>
<br>
</td>
<td valign="TOP" align="left" style="border-left:dashed 1pt #DEB887" height="100%" width="135">
<table width="100%" cellpadding="3" cellspacing="0" style="font-size:11px;">
<tr align="center" align="left"><td style="background:#DEB887"><font color="#ffffff"><b>
*ここに文字*
</b></font></td></tr>
<tr><td height="10"></td></tr>
<tr><td align="center" height="130" style="border:solid 1pt #DEB887;background:#FFF5EE;">
画像大1
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #DEB887">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #DEB887">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #DEB887">
ここに文字やリンク
</td></tr>
<tr><td height="10"></td></tr>
<tr align="center" align="left"><td style="background:#DEB887"><font color="#ffffff"><b>
*ここに文字*
</b></font></td></tr>
<tr><td height="10"></td></tr>
<tr><td align="center" height="130" style="border:solid 1pt #DEB887;">
画像大2
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #DEB887">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #DEB887">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #DEB887">
ここに文字やリンク
</td></tr>
<tr><td height="10"></td></tr>
<tr align="center"><td style="border:solid 1pt #DEB887;background:#FFF5EE">
画像や文字など
</td></tr>
<tr><td height="10"></td></tr>
<tr align="center"><td style="border:solid 1pt #DEB887">
ここはご自由に<br>使ってね
</td></tr>
<tr><td height="10"></td></tr>
<tr><td align="center">
ここも使えます。
</td></tr>
</table>
</td></tr></table>
</td></tr></table>
<table width="540"><tbody><tr><td align="right">
<font style="font-size:10px">design by 
<a href="http://plaza.rakuten.co.jp/mchikara1023/">ともまお☆</a></font>
</td></tr></tbody></table>
</center>


<< 前へ テンプレートTOP 次へ>>


© Rakuten Group, Inc.
X

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