715258 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

フリーページ用テンプレート１



フリーページ用テンプレート１

　width="700"（テーブル幅、700ピクセル）のフリーページ用テンプレート　楽天で提供しているテンプレートの改造版です



サンプル

　■　*** 　■　*** 　■　　　ページの題名　　　　　■　***　■　***　■
■　ページの説明、コンセプトなどフリーで何行でも
　@1@2　　@3@4　@5
説明テキスト１説明テキスト２説明テキスト３説明テキスト４説明テキスト５

　@6@7　　@8@9　@10
説明テキスト6説明テキスト7説明テキスト8説明テキスト9説明テキスト10
　


コピペ用タグ

<!--上部テーブル開始-->
<table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #99ccff;">
<!--テーブルタイトルの行--><tr> <td align="center" bgcolor="#99CCFF">　<font color="#FFFFFF">■</font>　<font color="#33CCFF">*** </font><font color="#FFFFFF">　■　</font><font color="#33CCFF">*** </font><font color="#FFFFFF">　■</font>　　　<strong>ページの題名</strong>　　　　　<font color="#FFFFFF">■</font>　<font color="#33CCFF">***</font><font color="#FFFFFF">　■　</font><font color="#33CCFF">***</font><font color="#FFFFFF">　■</font></font></td></tr>
<!--テーブルタイトル　ここまで-->
<!--説明を入れる行-->
<tr> <td bgcolor="#FFFFFF"><font color="#33CCFF">■</font>　ページの説明、コンセプトなどフリーで何行でも</td></tr>
<!--説明の行　ここまで-->
<!--商品紹介スペース　ここから-->
<tr><td>
<table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="20%" height="90" style="border:1px solid #99ccff;">@1</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@2</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@3</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@4</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@5</td>
</tr><tr align="left" valign="top" bgcolor="#FFFFFF">
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト１</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト２</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト３</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト４</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト５</td>
</tr> </table>
</td></tr> </table>
<!--商品紹介スペース　ここまで-->
<!--上部テーブル　終了-->
<!--テーブルとテーブルの間のスペース　ここから-->
<br>
<!--テーブルとテーブルの間のスペース　ここまで-->
<!--下部　テーブル　ここから-->
<table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #99ccff;"> <tr> <td>
<!--商品紹介スペース　ここから-->
<table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="20%" height="90" style="border:1px solid #99ccff;">@6</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@7</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@8</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@9</td>
<td width="20%" height="90" style="border:1px solid #99ccff;">@10</td>
</tr> <tr align="left" valign="top" bgcolor="#FFFFFF">
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト6</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト7</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト8</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト9</td>
<td width="20%" style="border-bottom:1px solid #99ccff;">説明テキスト10</td>
</tr> </table>
<!--商品紹介スペース　ここまで-->
</td></tr> </table>
<!--下部テーブル　ここまで-->

　



タグ解説

*　全体の色を変える場合は #〇〇〇〇〇〇を全て好みのカラーコードに変えればOKです。

⇒　カラーコード一覧

* <br>で、上下二つのテーブルに別れています。組み合わせを自由に変更して使えます。


*　幅を変えるには、 width="700"の数値を変えます。

*　

*　

*　


色別バージョン
各カラーコードを変更しただけです＾＾；

　■　*** 　■　*** 　■　　　ページの題名　　　　　■　***　■　***　■
■　ページの説明、コンセプトなどフリーで何行でも
　@1@2　　@3@4　@5
説明テキスト１説明テキスト２説明テキスト３説明テキスト４説明テキスト５

　@6@7　　@8@9　@10
説明テキスト6説明テキスト7説明テキスト8説明テキスト9説明テキスト10
　
　
<table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #ff9900;"> <tr> <td align="center" bgcolor="#ff9900">　<font color="#FFFFFF">■</font>　<font color="#FFFFFF">*** </font><font color="#FFFFFF">　■　</font><font color="#FFFFFF">*** </font><font color="#FFFFFF">　■</font>　　　<strong>ページの題名</strong>　　　　　<font color="#FFFFFF">■</font>　<font color="#FFFFFF">***</font><font color="#FFFFFF">　■　</font><font color="#FFFFFF">***</font><font color="#FFFFFF">　■</font></td></tr> <tr> <td bgcolor="#FFFFFF"><font color="#FFFFFF">■</font>　ページの説明、コンセプトなどフリーで何行でも</td></tr><tr><td><table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="90" style="border:1px solid #ff9900;">　@1</td><td width="20%" height="90" style="border:1px solid #ff9900;">@2　</td><td width="20%" height="90" style="border:1px solid #ff9900;">　@3</td><td width="20%" height="90" style="border:1px solid #ff9900;">@4　</td><td width="20%" height="90" style="border:1px solid #ff9900;">@5</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト１</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト２</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト３</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト４</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト５</td></tr> </table></td></tr> </table><br><table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #ff9900;"> <tr> <td><table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="90" style="border:1px solid #ff9900;">　@6</td><td width="20%" height="90" style="border:1px solid #ff9900;">@7　</td><td width="20%" height="90" style="border:1px solid #ff9900;">　@8</td><td width="20%" height="90" style="border:1px solid #ff9900;">@9　</td><td width="20%" height="90" style="border:1px solid #ff9900;">@10</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト6</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト7</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト8</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト9</td><td width="20%" style="border-bottom:1px solid #ff9900;">説明テキスト10</td></tr> </table>　</td></tr> </table>　
　■　*** 　■　*** 　■　　　ページの題名　　　　　■　***　■　***　■
■　ページの説明、コンセプトなどフリーで何行でも
　@1@2　　@3@4　@5
説明テキスト１説明テキスト２説明テキスト３説明テキスト４説明テキスト５

　@6@7　　@8@9　@10
説明テキスト6説明テキスト7説明テキスト8説明テキスト9説明テキスト10
　
　<table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #cccccc;"> <tr> <td align="center" bgcolor="#cccccc">　<font color="#FFFFFF">■</font>　<font color="#FFFFFF">*** </font><font color="#FFFFFF">　■　</font><font color="#FFFFFF">*** </font><font color="#FFFFFF">　■</font>　　　<strong>ページの題名</strong>　　　　　<font color="#FFFFFF">■</font>　<font color="#FFFFFF">***</font><font color="#FFFFFF">　■　</font><font color="#FFFFFF">***</font><font color="#FFFFFF">　■</font></td></tr> <tr> <td bgcolor="#FFFFFF"><font color="#FFFFFF">■</font>　ページの説明、コンセプトなどフリーで何行でも</td></tr><tr><td><table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="90" style="border:1px solid #cccccc;">　@1</td><td width="20%" height="90" style="border:1px solid #cccccc;">@2　</td><td width="20%" height="90" style="border:1px solid #cccccc;">　@3</td><td width="20%" height="90" style="border:1px solid #cccccc;">@4　</td><td width="20%" height="90" style="border:1px solid #cccccc;">@5</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト１</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト２</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト３</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト４</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト５</td></tr> </table></td></tr> </table><br><table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #cccccc;"> <tr> <td><table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="90" style="border:1px solid #cccccc;">　@6</td><td width="20%" height="90" style="border:1px solid #cccccc;">@7　</td><td width="20%" height="90" style="border:1px solid #cccccc;">　@8</td><td width="20%" height="90" style="border:1px solid #cccccc;">@9　</td><td width="20%" height="90" style="border:1px solid #cccccc;">@10</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト6</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト7</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト8</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト9</td><td width="20%" style="border-bottom:1px solid #cccccc;">説明テキスト10</td></tr> </table>　</td></tr> </table>


人気のクチコミテーマ
© Rakuten Group, Inc.