テンプレート・・005
日本最大級の通信販売ショッピング／通販オンラインショップ
あなたのネット生活に役立つ情報が、きっと得られます!!
あなたのネット生活に役立つ情報が、きっと得られます!!
■■テンプレート・・005
スクロールバーを利用することによって、狭いスペースにたくさんのテキストリンクを表示させることができます～
楽天広場のホームページではテキストエリアタグが使えないので・・・pタグで作成!!
タイトル
お買い物の籠～
テキストリンク1・・・簡単商品説明
テキストリンク2・・・簡単商品説明
テキストリンク3・・・簡単商品説明
テキストリンク4・・・簡単商品説明
テキストリンク5・・・簡単商品説明
テキストリンク6・・・簡単商品説明
テキストリンク7・・・簡単商品説明
テキストリンク8・・・簡単商品説明
テキストリンク9・・・簡単商品説明
テキストリンク10・・・簡単商品説明
<table cellspacing="3" width="400">
<tr><td colspan="2" bgcolor="#EED052">タイトル</td></tr>
<tr>
<td bgcolor="#efefef" width="180" align="center">
画像リンク1～2
<br><font color="#808080">お買い物の籠～</font>
</td>
<td bgcolor="#ffffff" width="220">
<p style="width:220px;height:70px;border-style:solid;border-color:gray;border-width:1px;overflow-y:scroll;color:#808080;text-align:left;">
テキストリンク1・・・簡単商品説明<br>
テキストリンク2・・・簡単商品説明<br>
テキストリンク3・・・簡単商品説明<br>
テキストリンク4・・・簡単商品説明<br>
テキストリンク5・・・簡単商品説明<br>
テキストリンク6・・・簡単商品説明<br>
テキストリンク7・・・簡単商品説明<br>
テキストリンク8・・・簡単商品説明<br>
テキストリンク9・・・簡単商品説明<br>
テキストリンク10・・・簡単商品説明<br>
</p>
</td>
</tr>
</table>
商品画像を表示し、それに関係する商品テキストリンクをたくさん表示させたいときに便利です。
pタグの中のwidthとheightの値を変化させ、高さと幅を決めていきます・・
テキストリンクはいくらでも書き込めますので、小さいスペースにたくさんの情報を表示させることができますね～
| タイトル |
|---|
|
お買い物の籠～ |
| テキストリンク1・・・簡単商品説明 |
<table cellspacing="3" width="220">
<tr><td bgcolor="#efbfbf">タイトル</td></tr>
<tr>
<td bgcolor="#efefef" width="220" align="center" height="80">
画像リンク1～2
<br><font color="#808080">お買い物の籠～</font>
</td></tr>
<tr><td bgcolor="#ffffff" width="220">
<p style="width:220px;height:70px;border-style:solid;border-color:gray;border-width:1px;overflow-y:scroll;color:#808080;text-align:left;">
テキストリンク1・・・簡単商品説明<br>
テキストリンク2・・・簡単商品説明<br>
テキストリンク3・・・簡単商品説明<br>
テキストリンク4・・・簡単商品説明<br>
テキストリンク5・・・簡単商品説明<br>
テキストリンク6・・・簡単商品説明<br>
テキストリンク7・・・簡単商品説明<br>
テキストリンク8・・・簡単商品説明<br>
テキストリンク9・・・簡単商品説明<br>
テキストリンク10・・・簡単商品説明<br>
</p>
</td>
</tr>
</table>
上のタイプを縦にしたものです・・・これは好みの問題ですよね～
| タイトル |
|---|
| テキストリンク1・・・簡単商品説明 |
|
お買い物の籠～ |
<table cellspacing="3" width="220">
<tr><td bgcolor="#729d72"><font color="#ffffff">タイトル</font></td></tr>
<tr>
<td bgcolor="#ffffff" width="220">
<p style="width:220px;height:70px;border-style:solid;border-color:gray;border-width:1px;overflow-y:scroll;color:#808080;text-align:left;">
テキストリンク1・・・簡単商品説明<br>
テキストリンク2・・・簡単商品説明<br>
テキストリンク3・・・簡単商品説明<br>
テキストリンク4・・・簡単商品説明<br>
テキストリンク5・・・簡単商品説明<br>
テキストリンク6・・・簡単商品説明<br>
テキストリンク7・・・簡単商品説明<br>
テキストリンク8・・・簡単商品説明<br>
テキストリンク9・・・簡単商品説明<br>
テキストリンク10・・・簡単商品説明<br>
</p>
</td></tr>
<tr><td bgcolor="#729d72" width="220" align="center" height="80">
画像リンク1～2
<br><font color="#ffffff">お買い物の籠～</font>
</td>
</tr>
</table>
これは上を上下逆にしたもの～
▼▼こんなんで満足しないよ～って時には▼▼
© Rakuten Group, Inc.
