テンプレート・・004
日本最大級の通信販売ショッピング／通販オンラインショップ
あなたのネット生活に役立つ情報が、きっと得られます!!
あなたのネット生活に役立つ情報が、きっと得られます!!
■■テンプレート・・004
これは、イメージ画像をメインにテキストリンを項目だてて使用するのに便利です・・
明るい色にしたり・・原色に近い色にすることによってイメージが変化しますよ～
テーブルの幅設定タグを大きくして行・列を増やせばフリーページでも充分に使えるレイアウトに変化していきます!!
<table bgcolor="#DD9E13" width="300"><tr><td></td></tr></table>
<table bgcolor="#DD9E13" width="300" cellpadding="2" cellspacing="0">
<tr>
<td bgcolor="#DD9E13" width="80" align="center">
画像リンク
</td>
<td bgcolor="#ffffff" width="10"></td>
<td bgcolor="#ffffff" valign="top">
テキストリンク1<br>
テキストリンク2<br>
テキストリンク3<br>
テキストリンク4<br>
</td></tr></table>
太い罫線のように使用しているテーブルと、画像・テキストリンクを表示させるテーブルを改行なしに接続してみました｡
テキストリンクは、改行でいくらでも増やせます・・・ただ、あまり行数を多くすると、画像一つでは物足りなくなりますよ～
<table bgcolor="#DD9E13" width="300"><tr><td></td></tr></table>
<table bgcolor="#DD9E13" width="300" cellpadding="2" cellspacing="1">
<tr>
<td bgcolor="#ffffff" width="70" align="center">
画像リンク
</td>
<td bgcolor="#ffffff" valign="top">
テキストリンク1<br>
テキストリンク2<br>
テキストリンク3<br>
テキストリンク4<br>
</td></tr></table>
二つ目のテーブルのセルを透明にし、枠線だけ表示してみました～
<table bgcolor="#DD9E13" width="300"><tr><td></td></tr></table>
<table bgcolor="#DD9E13" width="300" cellpadding="2" cellspacing="0">
<tr>
<td bgcolor="#DD9E13" width="80" align="center">
画像リンク
</td>
<td bgcolor="#ffffff" width="10"></td>
<td bgcolor="#ffffff" valign="top">
テキストリンク1<br>
テキストリンク2<br>
テキストリンク3<br>
テキストリンク4<br>
</td></tr></table>
<table bgcolor="#DD9E13" width="300"><tr><td></td></tr></table>
一番上のテーブルを下にも付けて、三つのテーブルを使うと・・こんな格好にもなります～
例えば、こんな使い方ができますよ～ここでは同じ商品画像ですけど・・・
これを縦に並べても面白いですよね～
▼▼こんなんで満足しないよ～って時には▼▼
© Rakuten Group, Inc.
