まほうのたから箱

テンプレ24_グレーソース

◆　テンプレート24　グレー ソース　◆

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

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

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

<center>
<table cellpadding="2" bgcolor="#FFFFFF" 
width="540" style="font-size:11px;">
<tr><td>
<table style="border:double 1pt #c6c6c6;font-size:12px;" cellpadding="3" width="100%">
<tr><td align="center" style="border:dotted 3pt #eeeeee;">
紹介文などご自由に使ってね。もちろん画像もオッケーですよん。
</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:#c6c6c6;padding:3px;">
<div style="width:95%; height:100px;overflow:auto;text-align:left;padding:3px;border-style:dashed;
border-width:1px;border-color:#c6c6c6;scrollbar-bace-color:#ffffff;
scrollbar-arrow-color:#c6c6c6;scrollbar-face-color:#eeeeee;scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;scrollbar-shadow-color:#c6c6c6;font-size:12px;">
一定文字数になればスクロールします。
<hr style="border-style:dashed;color: #c6c6c6; height: 1px;">
ここに文章
<hr style="border-style:dashed;color: #c6c6c6; height: 1px;">
ここに文章
<hr style="border-style:dashed;color: #c6c6c6; height: 1px;">
ここに文章
<hr style="border-style:dashed;color: #c6c6c6; height: 1px;">
ここに文章
</div></div>
<br>
<table cellpadding="2" style="font-size:12px;color:#ffffff;background:#c6c6c6" 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 #c6c6c6;font-size:12px;">
<tr>
<td rowspan="2" bgcolor="#c6c6c6" style="border-right:1px dashed #b3b3e6;" width="10">
<font style="color:#ffffff;font-size:11px">●<P>●<P>●</font></td></tr>
<td height="90" width="90" align="center" valign="middle">
画像中推奨<br>
画像大・小もＯＫ
</td>
<td align="left" valign="top" style="border:1px dashed #c6c6c6" bgcolor="#f6f6f6">
<b>商品名</b>
<div style="border-bottom:2px dotted #c6c6c6;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 #c6c6c6;font-size:12px;">
<tr>
<td rowspan="2" bgcolor="#c6c6c6" style="border-right:1px dashed #b3b3e6;" width="10">
<font style="color:#ffffff;font-size:11px">●<P>●<P>●</font></td></tr>
<td height="90" width="90" align="center" valign="middle">
画像中推奨<br>
画像大・小もＯＫ
</td>
<td align="left" valign="top" style="border:1px dashed #c6c6c6" bgcolor="#f6f6f6">
<b>商品名</b>
<div style="border-bottom:2px dotted #c6c6c6;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 #c6c6c6;font-size:12px;">
<tr>
<td rowspan="2" bgcolor="#c6c6c6" style="border-right:1px dashed #b3b3e6;" width="10">
<font style="color:#ffffff;font-size:11px">●<P>●<P>●</font></td></tr>
<td height="90" width="90" align="center" valign="middle">
画像中推奨<br>
画像大・小もＯＫ
</td>
<td align="left" valign="top" style="border:1px dashed #c6c6c6" bgcolor="#f6f6f6">
<b>商品名</b>
<div style="border-bottom:2px dotted #c6c6c6;padding:5px;"></div><br>
<font style="font-size:11px;">
商品説明
</font>
</td></tr></table>
<br>
<table cellpadding="2" style="font-size:12px;color:#ffffff;background:#c6c6c6" 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 #c6c6c6;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 #c6c6c6" width="80" height="75">
画像小1
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #c6c6c6;background:#eeeeee">
商品名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 #c6c6c6" width="80" height="75">
画像小2
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #c6c6c6;background:#eeeeee">
商品名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 #c6c6c6" width="80" height="75">
画像小3
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #c6c6c6;background:#eeeeee">
商品名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 #c6c6c6" width="80" height="75">
画像小4
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #c6c6c6;background:#eeeeee">
商品名4<br>12文字以内で
</td></tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="border:1px dashed #c6c6c6;background:#f6f6f6" colspan="2">
ここに文字や画像をどうぞ☆
</td>
<td width="25%">
<table cellpadding="1" style="font-size:11px;">
<tr><td align="center" valign="middle" style="border:dashed 1pt #c6c6c6" width="80" height="75">
画像小5
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #c6c6c6;background:#eeeeee">
商品名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 #c6c6c6" width="80" height="75">
画像小6
</td></tr>
<tr><td align="center" valign="middle" style="border:1px solid #c6c6c6;background:#eeeeee">
商品名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 #eeeeee;border-left:solid 1pt #eeeeee;border-bottom:solid 1pt #c6c6c6;border-right:solid 5pt #c6c6c6;">
文字やリンク1
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #eeeeee;border-left:solid 1pt #eeeeee;border-bottom:solid 1pt #c6c6c6;border-right:solid 5pt #c6c6c6">
文字やリンク2
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #eeeeee;border-left:solid 1pt #eeeeee;border-bottom:solid 1pt #c6c6c6;border-right:solid 5pt #c6c6c6">
文字やリンク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 #eeeeee;border-left:solid 1pt #eeeeee;border-bottom:solid 1pt #c6c6c6;border-right:solid 5pt #c6c6c6;">
文字やリンク4
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #eeeeee;border-left:solid 1pt #eeeeee;border-bottom:solid 1pt #c6c6c6;border-right:solid 5pt #c6c6c6">
文字やリンク5
</td></tr>
<tr><td height="2"></td></tr>
<td align="center" style="border-top:solid 1pt #eeeeee;border-left:solid 1pt #eeeeee;border-bottom:solid 1pt #c6c6c6;border-right:solid 5pt #c6c6c6">
文字やリンク6
</td></tr>
</table>
</td></tr></table>
<br>
</td>
<td valign="TOP" align="left" style="border-left:dashed 1pt #c6c6c6" height="100%" width="135">
<table width="100%" cellpadding="3" cellspacing="0" style="font-size:11px;">
<tr align="center" align="left"><td style="background:#c6c6c6"><font color="#ffffff"><b>
＊ここに文字＊
</b></font></td></tr>
<tr><td height="10"></td></tr>
<tr><td align="center" height="130" style="border:solid 1pt #c6c6c6;background:#eeeeee;">
画像大1
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #c6c6c6">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #c6c6c6">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #c6c6c6">
ここに文字やリンク
</td></tr>
<tr><td height="10"></td></tr>
<tr align="center" align="left"><td style="background:#c6c6c6"><font color="#ffffff"><b>
＊ここに文字＊
</b></font></td></tr>
<tr><td height="10"></td></tr>
<tr><td align="center" height="130" style="border:solid 1pt #c6c6c6;">
画像大2
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #c6c6c6">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #c6c6c6">
ここに文字やリンク
</td></tr>
<tr align="center"><td style="border-bottom:dashed 1pt #c6c6c6">
ここに文字やリンク
</td></tr>
<tr><td height="10"></td></tr>
<tr align="center"><td style="border:solid 1pt #c6c6c6;background:#eeeeee">
画像や文字など
</td></tr>
<tr><td height="10"></td></tr>
<tr align="center"><td style="border:solid 1pt #c6c6c6">
ここはご自由に<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: