500ピクセル幅のテンプレート７ | 買ってよかったお取り寄せ！美味しいもの食べよぅ♪

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

500ピクセル幅のテンプレート　７

テンプレート　7

width="500"（テーブル幅、500ピクセル）のテンプレート

商品をたくさん紹介する場合のためのテンプレート

サンプル

題　名　　　

　画像1

画像２　

　画像3

　画像4

画像5　

画像6　

　画像7

画像8　

コピペ用タグ

<table width="500" cellpadding="4" cellspacing="14" bgcolor="#FFFFCC" >
<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td colspan="4" style=";border-top:2px dotted #663300;border-bottom:2px dotted #663300 ;">

<strong><font color="#663300"> 題　名 </font></strong>

</td></tr>

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像1 </td>
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像２ </td>
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像3 </td>
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像4 </td>
</tr>


<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像5 </td>
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像6 </td>
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像7 </td>
<td width="25%" height="100" style=";border-bottom:4px double #663300;border-right:4px double #663300;"> 画像8 </td>
</tr>

</table>

タグ解説

*　テーブルの色を変える場合は全ての #663300 を他のカラーコードを変えればOKです。

　⇒ カラーコード一覧

*　画像バナーを1行減らす場合

 ～  までのタグを切り取ります。

*　画像バナーを1行増やす場合

 ～  までのタグを  の直後にコピペします

*　背景の色を変えるには bgcolor="#FFFFCC" のカラーコードを変更します。

使用例

My　Sｈopping　List