|
|||||||||||||||||||||||||||||||||
商品画像を挿入した上のテンプレートのＨＴＭＬソースです。 実際にリンクソースを挿入していますので参考にしてくださいませ。 画像リンクソースを赤色で、テキストリンクをピンクで表示しています。 （ＩＤは削除しています。） 商品画像や、テキストを記入していくと、全体のバランスが崩れてきますので、 全部の商品を貼り付けることができたら、テーブルの線を引っぱって大きくしていきます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 10.0.4.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>あなたのお店の名前を入れます。</TITLE> <LINK rel="stylesheet" href="stt.css" type="text/css" id="_HPB_TABLE_CSS_ID_"> </HEAD> <BODY> <NOSCRIPT></NOSCRIPT> <CENTER> <TABLE width="770" style="border-width :1px;border-style : solid;border-color : #b555fb;background-repeat : repeat-y;" cellspacing="10" bgcolor="#ffffff"> <COL span="1" valign="middle" align="center"> <TBODY> <TR> <TD align="center" valign="top" width="664" height="683"> <CENTER> <TABLE width="731" style="border-width :1px;border-style : solid;border-color : #b555fb;background-repeat : repeat-y;" cellspacing="10" bgcolor="#ffffff"> <TBODY> <TR> <TD align="center" bgcolor="#fcf7ff"> <H1 align="center"><FONT color="#ff0000">あなたのお店の名前を入れます。</FONT></H1> </TD> </TR> <TR> <TD align="center"> <TABLE style="border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #b5d9f7;" cellspacing="5" bgcolor="#ddddff"> <TBODY> <TR> <TD width="110" height="110" align="center" style="border-width : 1px;border-style : dashed;border-color : #ff80ff;" bgcolor="#ffffff" valign="top"><a rel="nofollow" href="http://www.store-mix.com/" target="_blank"><img border="0" src="http://image.d-064.com/products/images/samnail2/141058" alt="鏡【竹内商事株式会社】" width="134" height="150"></a> <BR> <BR> <A href="http://www.store-mix.com/ko-bai/" target="_blank"><FONT color="#0000ff" size="-1">ラ・ポール 手鏡</FONT></A></TD> <TD width="110" align="center" style="border-width : 1px;border-style : dashed;border-color : #ff80ff;" bgcolor="#ffffff" valign="top"><A rel="nofollow" href="http://www.store-mix.com/ target=" _blank" target="_blank"><img border="0" src="http://image.d-064.com/products/images/samnail2/141052" alt="鏡【竹内商事株式会社】" width="144" height="150"></A><BR> <BR> <A href="http://www.store-mix.com/ko-bai/" target="_blank"><FONT size="-1" color="#0000ff">ラ・ポール<BR> 折りたたみ鏡</FONT></A></TD> <TD width="110" align="center" style="border-width : 1px;border-style : dashed;border-color : #ff80ff;" bgcolor="#ffffff" valign="top"><FONT size="-1">商品の<BR> 画像バナーを<BR> 入れます</FONT><BR> <BR> <BR> <FONT size="-1" color="#0000ff">商品の名前をリンクで入れます。</FONT></TD> <TD width="110" align="center" style="border-width : 1px;border-style : dashed;border-color : #ff80ff;" bgcolor="#ffffff" valign="top"><FONT size="-1">商品の<BR> 画像バナーを<BR> 入れます<BR> <BR> <BR> <FONT color="#0000ff">商品の名前をリンクで入れます。</FONT> </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD bgcolor="#fcf7ff" align="center"><FONT color="#9900ff" size="-1"> あなたのお店の紹介文を書いていきます。</FONT></TD> </TR> </TBODY> </TABLE> </CENTER> <TABLE border="0" width="739" height="439"> <TBODY> <TR> <TD height="0" width="2"></TD> <TD valign="top" height="0" width="135"></TD> <TD rowspan="2" valign="top" width="580"> <BR> <TABLE border="0" width="598"> <TBODY> <TR> <TD width="192" align="center" valign="top"><FONT size="-1"><A href="http://www.store-mix.com/ko-bai/" target="_blank">ラ・ポール 両面鏡</A><BR> <BR> 色：シルバー巾着、箱付き。<BR> エナメル加工された<BR> コンパクトです。<BR> 全体の大きさは、5.7cmの<BR> 正方形となっています。<BR> 両面鏡で片方は拡大鏡！ </FONT></TD> <TD height="100" align="center" bgcolor="#fff7fb" width="110"><A rel="nofollow" href="http://www.store-mix.com/ target=" _blank" target="_blank"><img border="0" src="http://image.d-064.com/products/images/samnail2/235263" alt="鏡【竹内商事株式会社】" width="150" height="138"></A></TD> <TD height="100" align="center" bgcolor="#fff7fb" width="110" valign="top"><A rel="nofollow" href="http://www.store-mix.com/ko-bai/target=" _blank" target="_blank"><img border="0" src="http://image.d-064.com/products/images/samnail2/235260" alt="鏡【竹内商事株式会社】" width="150" height="142"></A></TD> <TD align="center" valign="top" width="141"><FONT size="-1"><FONT size="-1" color="#0000ff"><A href="http://www.store-mix.com/ko-bai/" target="_blank">ラ・ポール 両面鏡</A></FONT><BR> <BR> いぶしゴールド／<BR> クリムト風の<BR> おしゃれなデザイン<BR> 全体の大きさは、5.7cmの<BR> 正方形となっています。<BR> </FONT></TD> </TR> <TR> <TD align="center" valign="top"><FONT size="-1" color="#0000ff">商品の名前をリンクで入れます。</FONT><FONT size="-1"><BR> <BR> 商品の説明文を書いていきます。 </FONT></TD> <TD height="100" align="center" bgcolor="#fff7fb"></TD> <TD height="100" align="center" bgcolor="#fff7fb"></TD> <TD align="center" valign="top"><FONT size="-1"><FONT size="-1" color="#0000ff">商品の名前をリンクで入れます。</FONT><BR> <BR> 商品の説明文を書いていきます。 </FONT></TD> </TR> <TR> <TD align="center" valign="top"><FONT size="-1" color="#0000ff">商品の名前をリンクで入れます。</FONT><FONT size="-1"><BR> <BR>商品の説明文を書いていきます。</FONT></TD> <TD height="100" align="center" bgcolor="#fff7fb"></TD> <TD height="100" align="center" bgcolor="#fff7fb"></TD> <TD align="center" valign="top"><FONT size="-1" color="#0000ff">商品の名前をリンクで入れます。</FONT><FONT size="-1"><BR> <BR>商品の説明文を書いていきます。</FONT></TD> </TR> <TR> <TD align="center" valign="top"><FONT size="-1" color="#0000ff">商品の名前をリンクで入れます。</FONT><FONT size="-1"><BR> <BR> 商品の説明文を書いていきます。 </FONT></TD> <TD height="100" align="center" bgcolor="#fff7fb"></TD> <TD height="100" align="center" bgcolor="#fff7fb"></TD> <TD align="center" valign="top"><FONT size="-1" color="#0000ff">商品の名前をリンクで入れます。</FONT><FONT size="-1"><BR> <BR>商品の説明文を書いていきます。</FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD valign="top" width="2" height="413"></TD> <TD valign="top" width="135"> <TABLE border="0"> <TBODY> <TR> <TD width="130" height="345" align="left" valign="top"><FONT size="-1"><BR> <A href="aaa.html">鏡付き小物入れ</A><BR> <BR> <A href="bbb.html">化粧コンパクト</A><BR> <BR> メニュー<BR> <BR> メニュー</FONT><BR> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> <TABLE border="0"> <TBODY> <TR> <TD colspan="2" align="center" bgcolor="#fcf7ff" width="733"></TD> </TR> <TR> <TD colspan="2" align="center" bgcolor="#fcf7ff" width="733"><I>Copyright (C)<FONT size="-1" color="#0000ff">あなたのお店の名前</FONT>. All Rights Reserved</I>.</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> リンクソースの貼り方に戻る |