アフィリエイト用の商品枠テンプレート-2列タイプ

この商品枠テンプレートは、HTMLソースを右クリックでコピー・ペーストしてご使用ください。このページの商品枠は2列のベースとそのバリエーションになります。当サイトのテンプレートにはどれでも使用できるようになっています。 背景や、枠線(border)の色は参考なので、お好きな色を使って作成できます。


構造としては大きなテーブルのなかに、商品一つ一つを入れる小さなテーブルが2つ並んでいます。小テーブルは上下二段になっていて画像と説明を分けて入れる構造です。 2列の場合文章が広すぎると感じる場合などは内側の小テーブルの幅で調節できます。


小テーブルの幅が均一になるようstyle="table-layout:fixed;"が入っています。幅を変えたい場合には削除をお願いします。


※注 すべて選択のボタンはJavaScriptが有効になっていないと働きません。

2列タイプ−何段でも重ねられます

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★背景も枠線もなしのプレーンなタイプ★
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます

2列タイプのバリエーション

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★背景に好きな色を指定できます
★bgcolorで指定
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★商品枠に破線を適用
★borderの線種、太さ、色等は自由です
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★商品枠に破線を適用
★borderの線種、太さ、色等は自由です
★背景色も適用した作例
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★tableとtdを色分け
★色は自由に設定可能
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★tableとtdに破線を適用
★borderの線種、太さ、色等は自由です
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★tableとtdに破線を適用
★borderの線種、太さ、色等は自由です
★背景色も自由
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます

ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★tableとtdに破線を適用
★borderの線種、太さ、色等は自由です
★背景色も自由
ここに画像のリンクソースを入れる
ここに画像のリンクソースを入れる
★内側のテーブルに幅(width)を指定すると
好きな幅で表示できます