eBay出品用のhtmlパーツ各種【9-4.jpのeBayテンプレートサービス】

ご利用にあたって

使いたいテンプレートの下のテキストボックス内のコードをコピーして、出品ページのHTMLに差し込んで下さい。
詳しい使い方はこちら

カスタマイズについて

カスタマイズはご自由です。行や列を増やしたり、色を変えてみたり、いろいろ試してみてください。制限はありません。

送料表

それぞれ下のhtmlコードをコピーして、出品ページのHTMLに差し込みます。送料などの文字を変更して下さい。HTML中の「#FFFFFF」や「#191970」などの#以下の6桁の文字部分を変更すると、色を変えることもできます。
カラーコードはこちらを参考にしてください。

シンプル001

横幅は800ピクセルで固定されています。画像は横幅500ピクセルで固定されています。


使用例	使用例	使用例
下のコードをコピーして使って下さい <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="X-UA-Compatible" content="IE=7"> <div style="width:100%;text-align:center"> <div style="margin:0px;width:800px;margin:0 auto;"> <div id="001" style="width:800px;font-family:century, Helvetica, sans-serif;font-size:16px;color:# 000;text-align:left;"> <h1 align="center" style="font-size:29px; background-color:#FF9999; padding:10px;margin:0px 0px 0px; color:#FFFFFF; height:50px; line-height:50px; width:790;">タイトルを入れて下さいタイトルを入れて下さいタイトルを入れ</h1> <div align="center"><img src="images/geta.JPG" width="500" /></div> <div class="sub_tit" style="width:780px; height:30px; line-height:30px; padding:10px;background-color:#FF9999; color:#FFFFFF; font-size:35px; font-weight:bold;"> Description</div> <p class="sub_text" style="width:780px;padding:10px;text-align:left"> 説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。<br /><br /> 改行したい時はhtmlの改行したいところに　<br>　というタグコードを入れると改行できます。<br> <br> </p> <br> <div align="center"> <img src="メインの画像のURL" width="500"> <img src="メインの画像のURL" width="500"> <img src="メインの画像のURL" width="500"></div> <div class="Payment" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#FF9999;color:#FFFFFF;font-size:35px;font-weight:bold;"> Payment </div> <p class="sub_text" style="width:660px;padding:0px 10px;">I accept PayPal only.<br> Please pay within 5 days after the auction closed.</p> <div class="Shipping" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#FF9999;color:#FFFFFF;font-size:35px;font-weight:bold;"> Shipping </div> <p class="sub_text" style="width:660px;padding:0px 10px;"> Shipping is EMS or AIRMAIL.<br> Please choose the shipping method which you hope. </p> <p class="sub_text" style="width:780px;padding:0px 10px;">About other area, please ask me.<br> When you purchase two or more my items, I can send them together and discount shipping cost. </p> <div class="sub_tit" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#FF9999;color:#FFFFFF;font-size:35px;font-weight:bold;"> Returns </div> <p class="sub_text" style="width:780px;padding:0px 10px;"> Returns are accepted ONLY if the item was not the item described. </p> <p class="sub_text" style="width:780px;padding:0px 10px;"> </p> <div class="sub_tit" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#FF9999;color:#FFFFFF;font-size:35px;font-weight:bold;"> International Buyers - Please Note:  </div> <p class="sub_text" style="width:780px;padding:0px 10px;"> * Import duties, taxes and charges are not included in the item price or shipping charges. These charges are the buyer's responsibility.  <br> * Please check with your country's customs office to determine what these additional costs will be prior to bidding/buying. <br> * These charges are normally collected by the delivering freight (shipping) company or when you pick the item up - do not confuse them for additional shipping charges.   <br> * We do not mark merchandise values below value or mark items as "gifts" - US and International government regulations prohibit such behavior.<br /> <br /> <br /> </p> <div id="foot" style="width:100%;height:60px;background-color:#FF9999;font-size:15px;font-weight:bold;line-height:60px;"> </div> </div> </div> </div>	下のコードをコピーして使って下さい <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="X-UA-Compatible" content="IE=7"> <div style="width:100%;text-align:center"> <div style="margin:0px;width:800px;margin:0 auto;"> <div id="001" style="width:800px;font-family:century, Helvetica, sans-serif;font-size:16px;color:# 000;text-align:left;"> <h1 align="center" style="font-size:29px; background-color:#6699FF; padding:10px; margin:0px 0px 0px; color:#FFFFFF; height:50px; line-height:50px; width:790;">タイトルを入れて下さいタイトルを入れて下さいタイトルを入れ</h1> <div align="center"><img src="images/geta.JPG" width="500" /></div> <div class="sub_tit" style="width:780px; height:30px; line-height:30px; padding:10px; background-color:6699FF; color:#FFFFFF; font-size:35px; font-weight:bold;"> Description</div> <p class="sub_text" style="width:780px;padding:10px;text-align:left"> 説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。<br /><br /> 改行したい時はhtmlの改行したいところに　<br>　というタグコードを入れると改行できます。<br> <br> </p> <br> <div align="center"> <img src="メインの画像のURL" width="500"> <img src="メインの画像のURL" width="500"> <img src="メインの画像のURL" width="500"></div> <div class="Payment" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#6699FF;color:#FFFFFF;font-size:35px;font-weight:bold;"> Payment </div> <p class="sub_text" style="width:660px;padding:0px 10px;">I accept PayPal only.<br> Please pay within 5 days after the auction closed.</p> <div class="Shipping" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#6699FF;color:#FFFFFF;font-size:35px;font-weight:bold;"> Shipping </div> <p class="sub_text" style="width:660px;padding:0px 10px;"> Shipping is EMS or AIRMAIL.<br> Please choose the shipping method which you hope. </p> <p class="sub_text" style="width:780px;padding:0px 10px;">About other area, please ask me.<br> When you purchase two or more my items, I can send them together and discount shipping cost. </p> <div class="sub_tit" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#6699FF;color:#FFFFFF;font-size:35px;font-weight:bold;"> Returns </div> <p class="sub_text" style="width:780px;padding:0px 10px;"> Returns are accepted ONLY if the item was not the item described. </p> <p class="sub_text" style="width:780px;padding:0px 10px;"> </p> <div class="sub_tit" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#6699FF;color:#FFFFFF;font-size:35px;font-weight:bold;"> International Buyers - Please Note:  </div> <p class="sub_text" style="width:780px;padding:0px 10px;"> * Import duties, taxes and charges are not included in the item price or shipping charges. These charges are the buyer's responsibility.  <br> * Please check with your country's customs office to determine what these additional costs will be prior to bidding/buying. <br> * These charges are normally collected by the delivering freight (shipping) company or when you pick the item up - do not confuse them for additional shipping charges.   <br> * We do not mark merchandise values below value or mark items as "gifts" - US and International government regulations prohibit such behavior.<br /> <br /> <br /> </p> <div id="foot" style="width:100%;height:60px;background-color:#6699FF;font-size:15px;font-weight:bold;line-height:60px;"> </div> </div> </div> </div>	下のコードをコピーして使って下さい <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="X-UA-Compatible" content="IE=7"> <div style="width:100%;text-align:center"> <div style="margin:0px;width:800px;margin:0 auto;"> <div id="001" style="width:800px;font-family:century, Helvetica, sans-serif;font-size:16px;color:# 000;text-align:left;"> <h1 align="center" style="font-size:29px; background-color:#330000; padding:10px; margin:0px 0px 0px; color:#FFFFFF; height:50px; line-height:50px; width:790;">タイトルを入れて下さいタイトルを入れて下さいタイトルを入れ</h1> <div align="center"><img src="images/geta.JPG" width="500" /></div> <div class="sub_tit" style="width:780px; height:30px; line-height:30px; padding:10px;background-color:#330000; color:#FFFFFF; font-size:35px; font-weight:bold;"> Description</div> <p class="sub_text" style="width:780px;padding:10px;text-align:left"> 説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。説明を入れて下さい。<br /><br /> 改行したい時はhtmlの改行したいところに　<br>　というタグコードを入れると改行できます。<br> <br> </p> <br> <div align="center"> <img src="メインの画像のURL" width="500"> <img src="メインの画像のURL" width="500"> <img src="メインの画像のURL" width="500"></div> <div class="Payment" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#330000;color:#FFFFFF;font-size:35px;font-weight:bold;"> Payment </div> <p class="sub_text" style="width:660px;padding:0px 10px;">I accept PayPal only.<br> Please pay within 5 days after the auction closed.</p> <div class="Shipping" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#330000;color:#FFFFFF;font-size:35px;font-weight:bold;"> Shipping </div> <p class="sub_text" style="width:660px;padding:0px 10px;"> Shipping is EMS or AIRMAIL.<br> Please choose the shipping method which you hope. </p> <p class="sub_text" style="width:780px;padding:0px 10px;">About other area, please ask me.<br> When you purchase two or more my items, I can send them together and discount shipping cost. </p> <div class="sub_tit" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#330000;color:#FFFFFF;font-size:35px;font-weight:bold;"> Returns </div> <p class="sub_text" style="width:780px;padding:0px 10px;"> Returns are accepted ONLY if the item was not the item described. </p> <p class="sub_text" style="width:780px;padding:0px 10px;"> </p> <div class="sub_tit" style="width:780px;height:30px;line-height:40px;padding:10px;background-color:#330000;color:#FFFFFF;font-size:35px;font-weight:bold;"> International Buyers - Please Note:  </div> <p class="sub_text" style="width:780px;padding:0px 10px;"> * Import duties, taxes and charges are not included in the item price or shipping charges. These charges are the buyer's responsibility.  <br> * Please check with your country's customs office to determine what these additional costs will be prior to bidding/buying. <br> * These charges are normally collected by the delivering freight (shipping) company or when you pick the item up - do not confuse them for additional shipping charges.   <br> * We do not mark merchandise values below value or mark items as "gifts" - US and International government regulations prohibit such behavior.<br /> <br /> <br /> </p> <div id="foot" style="width:100%;height:60px;background-color:#330000;font-size:15px;font-weight:bold;line-height:60px;"> </div> </div> </div> </div>

シンプル002

横幅は800ピクセルで固定されています。画像は横幅500ピクセルで固定されています。


使用例	使用例	使用例
下のコードをコピーして使って下さい <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <style type="text/css"> <!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:20px; margin: 15px; padding: 0; text-align: left; color: #FFFFFF; background-color:#00CC99; width:800px } h1 { font-size:40px; font-style:normal; font-family: Arial black; color: #FFFFFF; } h2 { font-size:40px; font-style:normal; font-family: Arial black; color: #006666; } --> </style> </head> <body class="001"> <h1>Japanese　GETA　for Yukata for woman with Red Hanao</h1> <hr size="5" color="#006666"/> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <h2>Description</h2> <hr size="5" color="#006666"/> <p> 商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。 </p> <h2>Shipping</h2> <hr size="5" color="#006666"/> <p> 送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。 </p> <h2>Payment</h2> <hr size="5" color="#006666"/> <p>支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。</p> <h2>Returns</h2> <hr size="5" color="#006666"/> <p> 返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。 </p> <h2>International Buyers Please Note</h2> <hr size="5" color="#006666"/> <p>取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。 </p> <br /> <br /> <br /> </body> </html>	下のコードをコピーして使って下さい <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <style type="text/css"> <!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:20px; margin: 15px; padding: 0; text-align: left; color: #FFFFFF; background-color:#9966CC; width:800px } h1 { font-size:40px; font-style:normal; font-family: Arial black; color: #FFFFFF; } h2 { font-size:40px; font-style:normal; font-family: Arial black; color: #663366; } --> </style> </head> <body class="001"> <h1>商品タイトルを入れて下さい商品タイトルを入れて下さい商品タイトルを入れて下さい</h1> <hr size="5" color="#663366"/> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /> <br /> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <h2>Description</h2> <hr size="5" color="#663366"/> <p> 商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。 </p> <h2>Shipping</h2> <hr size="5" color="#663366"/> <p> 送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。 </p> <h2>Payment</h2> <hr size="5" color="#663366"/> <p>支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。</p> <h2>Returns</h2> <hr size="5" color="#663366"/> <p> 返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。 </p> <h2>International Buyers Please Note</h2> <hr size="5" color="#663366"/> <p>取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。 </p> <br /> <br /> <br /> </body> </html>	下のコードをコピーして使って下さい <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <style type="text/css"> <!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:20px; margin: 15px; padding: 0; text-align: left; color: #FFFFFF; background-color:#FF9900; width:800px } h1 { font-size:40px; font-style:normal; font-family: Arial black; color: #FFFFFF; } h2 { font-size:40px; font-style:normal; font-family: Arial black; color: #CC3300; } --> </style> </head> <body class="001"> <h1>商品タイトルを入れて下さい商品タイトルを入れて下さい</h1> <hr size="5" color="#CC3300"/> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <img src="メインの画像のURL" width="500" border="10" border-color="#FFFFFF" /><br /><br /> <h2>Description</h2> <hr size="5" color="#CC3300"/> <p> 商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。商品説明を入れて下さい。 </p> <h2>Shipping</h2> <hr size="5" color="#CC3300"/> <p> 送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。送料の設定を入れて下さい。 </p> <h2>Payment</h2> <hr size="5" color="#CC3300"/> <p>支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。支払いの設定を入れて下さい。</p> <h2>Returns</h2> <hr size="5" color="#CC3300"/> <p> 返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。返品の設定を入れて下さい。 </p> <h2>International Buyers Please Note</h2> <hr size="5" color="#CC3300"/> <p>取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。取引上の注意を入れて下さい。 </p> <br /> <br /> <br /> </body> </html>

順次追加予定です。お楽しみに！

ページのトップへ戻る