テンプレート・・004

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

818340

HOME | DIARY | PROFILE

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

日本最大級の通信販売ショッピング／通販オンラインショップ
あなたのネット生活に役立つ情報が、きっと得られます!!

■■テンプレート・・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>

二つ目のテーブルのセルを透明にし、枠線だけ表示してみました～