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

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

734073

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

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

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

テンプレート　4

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

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

サンプル

@10　

@11　

@12　

□ 　　テキストで紹介　1
□ 　　テキストで紹介　2
□ 　　テキストで紹介　3
□ 　　テキストで紹介　4

コピペ用タグ

<table width="500" border="0" cellspacing="0" cellpadding="2" bgcolor="#ffffff" style="border-top: 2px solid #ffcc00;border-right: 2px solid #ffcc00;border-bottom:21px solid #66cc00;border-left:2px solid #66cc00;">
<tr><td align="center" valign="top">

<table width="440" border="0" cellpadding="2" cellspacing="4">

<tr align="center" valign="middle">
<td width="25%" height="100" style="border: 1px dotted #66cc00"> @1 </td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;"> @2 </td>
<td width="25%" height="100" style="border: 1px dotted #66cc00"> @3 </td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;"> @4 </td>
</tr>


<tr align="center" valign="middle">
<td width="25%" height="100" style="border: 4px dotted #66cc00"> @5 </td>
<td width="25%" height="100" style="border: 1px dotted #66cc00"> @6 </td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;"> @7 </td>
<td width="25%" height="100" style="border: 4px dotted #ffcc00;"> @8 </td>
</tr>


<tr align="center" valign="middle">
<td width="25%" height="100" style="border: 1px dotted #66cc00"> @9 </td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;"> @10 </td>
<td width="25%" height="100" style="border: 1px dotted #66cc00"> @11 </td>
<td width="25%" height="100" style="border: 1px dotted #ffcc00;"> @12 </td>
</tr>


<tr><td width="25%" height="100" colspan="4">

<table width="100%" border="0" cellspacing="4" cellpadding="2"> <tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#66CC00" size="2"> □ </font><font size="2">　　テキストで紹介　1 </font></td>
</tr><tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#FFCC00" size="2"> □ </font><font size="2">　　テキストで紹介　2 </font></td>
</tr><tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#66CC00" size="2"> □ </font><font size="2"> 　　テキストで紹介　3 </font></td>
</tr><tr>
<td align="left" valign="top" style="border-bottom: 1px dotted #333333;">
<font color="#FFCC00" size="2"> □ </font><font size="2">　　テキストで紹介　4 </font></td>
</tr></table>

</td></tr> </table>

</td></tr> </table>

タグ解説

*　テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。

⇒ カラーコード一覧

使用例

マカロン

雪姫

チーズケーキ

ショコラ
コンツェルト

*　お気に入りのケーキショップ　*
■ モンブランＫＯＢＥ
■ グッディ・フォーユー・六本木
■ パティシエケーキの専門店リアン
■ 洋菓子ＨＯＲＩＯＳＨＯＰ