ＴＯＰ・ドット・秋
| １時間で作ってみよう
|
| * |
| １Ｈテンプレート
|
| * |
| ご利用規約
|
| * |
| 若葉マークさんのミニテンプレ
|
| * |
| タイトル用テンプレ
|
| * |
| フリーページテンプレ
|
| * |
| 日記用テンプレ
|
| * |
| テンプレートライブラリ
|
| * |
| ツールライブラリ
|
| * |
| １時間で作った後は
|
| * |
|
メッセージを送る
|
| * |
このテンプレートはＴＯＰページ、右メイン、又は左メイン用として使ってください。中央メイン型には使わないで下さい。フリーページにも使えます
このテンプレートの画像１．２は説明文をたくさん書くことが出来ます。いつものテンプレだと書ききれない！と言う場合におすすめです。そのほかにもテキストリンクなど、文字がたくさん入れられるようになっています。画像リンクを増やしたい場合は付け足しテンプレをご利用ください。テンプレの下にそのまま貼り付ければ使えます。（他シリーズの付け足しテンプレを使ってもＯＫ）
かなりソースが長いので、直接ソースに入力していくよりはテンプレートマスターや画面編集の出来るＨＰ作成ソフトをつかったほうが、実際に表示される状態での入力ができますので、おすすめです。
テキストリンクを作る場合のタグ
<a href=" url... ">テキストまたはバナーなど</a>
これを<td> ここに入れる </td>
テキスト欄はご自分のフリーページへのリンクにしてＴＯＰページにうまくまとめてもいいと思います。
更新情報、おすすめグッズの紹介など
| 画像リンク１ | 商品説明１
|
| 画像リンク２ | 商品説明２
|
| 画像リンク３ | 商品説明３
|
| 画像リンク４ | 商品説明４
|
| タイトル☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
|
| 画像リンク | 画像リンク | 画像リンク | 画像リンク | 画像リンク | ||||
|---|---|---|---|---|---|---|---|---|
| テキスト☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
|
テキスト
|
テキスト
|
テキスト
|
テキスト
|
<center><table border="0"
cellspacing="0" cellpadding="0"
width="580" height="5"
style="border-width : 2px;border-style
: dotted;border-color : #665F38;"><tr><td
width="580"></td></tr></table>
<table border="0" cellspacing="0"
cellpadding="0" width="580"
bgcolor="#ffffff">
<tr>
<td width="10" rowspan="5"></td>
<td height="10" width="220"></td>
<td width="10" rowspan="5"></td>
<td rowspan="5" align="right">
<table border="0" cellspacing="0"
cellpadding="0" width="300"
bgcolor="#ffffff">
<tr>
<td width="300" valign="top"
>
<table border="0" cellspacing="0"
cellpadding="0" width="300"
bgcolor="#ffffff" style="
margin: 5px;">
<tr><td height="25"><div
style="font-size : 14px; margin:0px
0px 0px 10px;" align="left"><font
color="#5A6D45">●</font><font
color="#C6C785">●</font><font
color="#DAE39B">●</font><b><font
color="#88484D"> タイトル
</font></b><font color="#DAE39B">●</font><font
color="#C6C785">●</font><font
color="#5A6D45">●</font></div></td></tr>
<!-- １段め -->
<tr><td colspan="3">
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
</td>
</tr>
</table>
<!-- ２段目-->
<table border="0" cellspacing="0"
cellpadding="0" width="300"
bgcolor="#ffffff" style="
margin: 5px;">
<tr><td height="25" ><div
style="font-size : 14px; color=AA8AC1;
margin:0px 0px 0px 10px;" align="left"><font
color="#665F38">●</font><font
color="#D5A676">●</font><font
color="#C78042">●</font><b><font
color="#869D7D"> タイトル
</font></b><font color="#C78042">●</font><font
color="#D5A676">●</font><font
color="#665F38">●</font></div></td></td></tr>
<tr><td colspan="3">
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
<div style="font-size : 12px;margin:
5px;" align=left> テキスト
</div>
</td>
</tr>
</table>
</td>
</tr>
</td>
</table>
</td>
</tr>
<tr>
<td height="50" valign="top"><div
style="font-size:13px;margin:0px 0px
5px 10px;" align="left"> サイトコンセプト、商品リンクなど。
</div></td>
</tr>
<tr><td height="10"></td></tr>
<tr><td height="20"><div
style="font-size : 14px; color=5A6D45;
margin:0px 0px 0px 10px;" align="left"><font
color="#5A6D45"><B>information</B></font></div></td></tr>
<tr>
<td align="center">
<table border="0" cellspacing="0"
cellpadding="5" style="border-width
: 2px;border-style : dotted;border-color
: #665F38;">
<tr>
<td width="220" style="margin:0px
0px 5px 10px;border-width : 2px;border-style
: dotted;border-color : #C78042;font-size
: 12px;scrollbar-face-color:#ffffff;scrollbar-arrow-color:#C97161;scrollbar-track-color:#ffffff;scrollbar-highlight-color:#C78042;scrollbar-3dlight-color:#ffffff;scrollbar-shadow-color:#C78042;scrollbar-darkshadow-color:#ffffff;"
align="center">
<P style="width:220px; height:120px;
overflow-y:auto;border:0;" align="left">
更新情報、おすすめグッズの紹介など
<BR>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</font></P></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellspacing="0"
cellpadding="0" width="580"
height="5" style="border-width
: 2px;border-style : dotted;border-color
: #665F38;">
<tr>
<td width="580"></td>
</tr>
</table>
<table border="0" cellspacing="0"
cellpadding="0" width="580"
bgcolor="#ffffff">
<tr height="20">
<td width="276" style="border-width
: 0px 1px 0px 0px ;border-style : dotted;border-color
: #665F38;"><div style="font-size
: 15px; color:C97161; margin:0px 0px 0px
10px;" align="left"><font
color="#C97161"><b>CLOSE UP</b></font></div></td>
<td width="290" style="font-size
: 15px; color:79A6CA; margin:0px 0px 0px
10px;"><div align="left"><b><font
color="#869D7D"> 商品タイトル
</font></b></div></td>
</tr>
</table>
<table border="0" cellspacing="0"
cellpadding="0" bgcolor="#ffffff"
width="580">
<tr>
<td valign="top" style="border-width
: 0px 1px 0px 0px;border-style : dotted ;border-color
: #665F38;">
<table border="0" cellspacing="5"
cellpadding="0">
<tr><td colspan="4" height="40"
width="265"><div style="font-size
: 17px;" align="left"> <b> タイトル
</b></div></td></tr>
<tr><td align="center"
valign="middle" width="100"
height="100" style="border-style:solid
; border-color:#665F38; border-width:1px;"> 画像リンク１
</td><td width="25"></td>
<td width="100" height="100"
align="center" valign="middle"
style="border-style:solid ; border-color:#665F38;
border-width:1px;"> 画像リンク２
</td><td width=25></td>
</tr>
<tr height="140">
<td valign="top" width="140"
colspan="2" align="left"><div
style="font-size : 13px;color:#C97161;margin:
5px;"><b> タイトル
など</b></div><div style="font-size
: 12px;margin: 5px;" align=left> 商品説明☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
</div></td>
<td valign="top" width="140"
colspan="2" align="left"><div
style="font-size : 13px;color:#C97161;margin:
5px;"><b> タイトル
など</b></div><div style="font-size
: 12px;margin: 5px;" align="left"> 商品説明☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
</div></td>
</tr>
</table>
</td>
<!-- ここから右側 -->
<td width="290" valign="top">
<!-- １段目 -->
<!-- １段目 -->
<table width="290"><tr><td
align="center">
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:290px;font-size:12px;background-color:#D5A676;padding:5;align:center;">
<TABLE border="0" width="95%"
cellspacing="0" cellpadding="0">
<TR>
<TD height="64" align="center"
bgcolor="#D5A676" width="70"> 画像リンク１
</td><td width="10"> </td>
<td width="270"><div style="font-size
: 12px;margin: 5px;" align="left"> 商品説明１
</div></td>
</TR>
</TABLE>
</DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
</td></tr></table>
<!-- ２段目 -->
<table width="290"><tr><td
align="center">
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:290px;font-size:12px;background-color:#D5A676;padding:5;align:center;">
<TABLE border="0" width="95%"
cellspacing="0" cellpadding="0">
<TR>
<TD height="64" align="center"
bgcolor="#D5A676" width="70"> 画像リンク２
</td><td width="10"></td>
<td width="270"><div style="font-size
: 12px;margin: 5px;" align="left"> 商品説明２
</div></td>
</TR>
</TABLE>
</DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
</td></tr></table>
<!-- ３段目 -->
<table width="290"><tr><td
align="center">
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:290px;font-size:12px;background-color:#D5A676;padding:5;align:center;">
<TABLE border="0" width="95%"
cellspacing="0" cellpadding="0">
<TR>
<TD height="64" align="center"
bgcolor="#D5A676" width="70"> 画像リンク３
</td><td width="10"></td>
<td width="270"><div style="font-size
: 12px;margin: 5px;" align="left"> 商品説明３
</div></td>
</TR>
</TABLE>
</DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
</td></tr></table>
<!-- ４段目 -->
<table width="290"><tr><td
align="center">
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:290px;font-size:12px;background-color:#D5A676;padding:5;align:center;">
<TABLE border="0" width="95%"
cellspacing="0" cellpadding="0">
<TR>
<TD height="64" align="center"
bgcolor="#D5A676" width="70"> 画像リンク４
</td><td width="10"></td>
<td width="270"><div style="font-size
: 12px;margin: 5px;" align="left"> 商品説明４
</div></td>
</TR>
</TABLE>
</DIV>
<DIV style="width:288px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:286px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:284px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
<DIV style="width:280px;font-size:1px;background-color:#D5A676;height:1px;"
></DIV>
</td></tr></table>
<!--積み重ねここで終了 -->
</td>
</tr>
</table>
<!-- ２段目ここで終了 -->
<table border="0" cellspacing="0"
cellpadding="0" width="580"
height="5" style="border-width
: 2px;border-style : dotted;border-color
: #665F38;"><tr><td width="580"></td></tr></table><TABLE
width="580" cellspacing="0"
cellpadding="0" border=0><TR><td
align=right><A HREF="http://plaza.rakuten.co.jp/1hour/4000"
TARGET="_blank"><font size="1">designed
by 1ｈアフィリ</font></A></td></tr></table>
</center>
