2010年05月08日 (土) | Edit |
皆さん こんにちは。西ちゃんです。ちょこっとタグ辞典に ご質問を頂きました。
アフィリエイト テーブルタグについてですね。
FC2ブログの場合 テーブルタグを使用する際は、
記事を書いたら スクロールバーで ↓の方に下がり 以下の項目に チェックを入れます。
改行の扱い 自動改行  ◎HTMLタグのみ

ただ 改行タグが 無効になるので <br> タグ
改行されず 読みにくい 文章になってしまいます。

12個用 アフィリエイト 商品 陳列タグ
<TABLE border="0" width="600" cellspacing="4" style="border: 1px solid #99ccff"> <TBODY> <TR> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像1</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像2</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像3</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像4</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像5</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像6</TD> </TR> <TR> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像7</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像8</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像9</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像10</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像11</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像12</TD> </TR> </TBODY> </TABLE>

-------------------------------------------------------------------------------------------
10個用アフィリエイト商品陳列タグ に変更したい
画像1 画像2 画像3 画像4 画像5
画像6 画像7 画像8 画像9 画像10
<TABLE border="0" width="540" cellspacing="4" style="border: 1px solid #99ccff"> <TBODY> <TR> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像1</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像2</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像3</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像4</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像5</TD> </TR> <TR> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像6</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像7</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像8</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像9</TD> <TD width="90" height="90" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像10</TD> </TR> </TBODY> </TABLE>

-------------------------------------------------------------------------------------
※ 縦幅 横幅を小さく するときは、width="90" height="90" の数字を変えます。
  ※ width は 横幅 heightは 高さです。
※ 一回り 小さい サイズにする場合 この 数字を すべて 70に変えてしまうんですね。
※ タグの 一行目の数字も 変更することを お忘れなく。
  ( 例)
<TABLE border="0" width="600"
                 ↓↓↓
<TABLE border="0" width="540"
                 ↓↓↓
<TABLE border="0" width="420"
--------------------------------------------------------------------------

小さいサイズ 10個商品用
画像1 画像2 画像3 画像4 画像5
画像6 画像7 画像8 画像9 画像10

<TABLE border="0" width="420" cellspacing="4" style="border: 1px solid #99ccff"> <TBODY> <TR> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像1</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像2</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像3</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像4</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像5</TD> </TR> <TR> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像6</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像7</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像8</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像9</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像10</TD> </TR> </TBODY> </TABLE>

小さいサイズ 12個商品用
画像1 画像2 画像3 画像4 画像5 画像6
画像7 画像8 画像9 画像10 画像11 画像12

<TABLE border="0" width="490" cellspacing="4" style="border: 1px solid #99ccff"> <COL span="1" width="70"> <TBODY> <TR> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像1</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像2</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像3</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像4</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像5</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像6</TD> </TR> <TR> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像7</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像8</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像9</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像10</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像11</TD> <TD width="70" height="70" align="center" bgcolor="#ffffff" style="border: 1px solid #99ccff">画像12</TD> </TR> </TBODY> </TABLE>
関連記事
コメント
この記事へのコメント
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可