Item DescriptionのHTML

Kaz

2019年5月2日 13:05

どうも、Kaz(@12_vagabond)です。

今回のnoteはアイテムディスクリプションをうまく作れなかった僕の経験がありましたので、僕が作ったDescriptionを共有しようと思い書かせていただきました。

HTMLは苦手でしたが、外注さんに色々教えてもらい作成する事が出来ました。

皆さんのお役に立てれば幸いなので、無料で公開させていただきたいと思います。

ちなみに、こういう画面のイメージです。

以下のhtmlをItem Descriotionのhtmlの欄に貼り付けていただければ、上記の画面が作成されます。

それではどうぞ。

<div style="border: 3px solid #67c4c9 ; background: #fcf4dc ; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 770px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.5em;"><span style="font-weight:bold;">Title</span></span>
</div><br><br>

<div style="border: 3px solid #67c4c9 ; background: #fcf4dc ; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 770px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><span style="font-weight:bold;">Description</span></span>
</div><br>

<span style="font-size: 18px;">
         Condition of Item: Pre-Owned<br>

         Please feel free to contact us if you have any question.</span></div><div id="001" style="width:800px;font-family: Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><span style="font-size: 18px;"><br></span></div><div id="001" style="width:800px;font-family: Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><span style="font-size: 18px;"><br></span></div><div id="001" style="width:800px;font-family: Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><span style="font-size: 18px;"><br></span></div>

<div id="001" style="width: 800px; font-family: Helvetica, Verdana, sans-serif; text-align: left;"><div style="padding: 3px; margin: 10px; background: rgb(200, 231, 233); box-shadow: rgb(200, 231, 233) 0px 0px 10px 10px;"><span style="font-size: 18px;"><strong><span style="color: rgb(204, 0, 0);">     Because we sell the product at other site, we may not be able to prepare inventory               even if you make a successful bid.
In case of missing goods, we will contact you by e-       mail after confirmation from our store. Please acknowledge it beforehand, as you bid it.</span></strong></span></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:18px;color:# 000;text-align:left;"><strong><br>

<div style="font-size: 16px; border: 3px solid rgb(103, 196, 201); background: rgb(252, 244, 220); padding: 5px; margin: 1em auto; border-radius: 20px; width: 770px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">Payment
<br></span></span></div><br>

<span style="font-size: 18px;">
         I accept<span style="font-size: 18px; color: rgb(204, 0, 0);"><strong> PayPal only</strong></span>.<br>
        <span style="font-size: 18px; color: rgb(204, 0, 0);"><strong> Please pay within 3 days</strong></span> after the auction closed.</span></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br>

<div style="border: 3px solid #67c4c9 ; background: #fcf4dc ; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 770px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><span style="font-weight:bold;">Shipping<br></span></span>

</div><br><span style="font-size: 18px;">         We will ship to world wide by e-packet.</span></div><div id="001" style="width: 800px; font-family: Helvetica, Verdana, sans-serif; text-align: left;">
<span style="font-size: 18px;">
         e-packet (Express Mail Service) is international mailing service by Japan Post Office.<br>
         e-packet is insured and comes with tracking number.<br>
         e-packet takes <span style="font-size: 18px; color: rgb(204, 0, 0);"><strong>10~21 days</strong></span> to reach to your location.</span></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br>

<div style="border: 3px solid #67c4c9 ; background: #fcf4dc ; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 770px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><span style="font-weight:bold;">Returns<br></span></span>
</div><br>

<span style="font-size: 18px;">
         Returns are accepted ONLY if the item was not the item described.</span></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br>

<div style="border: 3px solid #67c4c9 ; background: #fcf4dc ; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 770px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><span style="font-weight:bold;">International Buyers - Special Attention -</span></span>

</div><br>       </div><div id="001" style="width: 800px; font-family: Helvetica, Verdana, sans-serif; text-align: left;">

<div style="padding: 3px; margin: 10px; background: rgb(200, 231, 233); box-shadow: rgb(200, 231, 233) 0px 0px 10px 10px;">     <strong><span style="font-size: 18px; color: rgb(204, 0, 0);"> Import duties, taxes and charges are not included in the item price or shipping                    charges.These charges are the buyer's responsibility.</span></strong></div>      </div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:18px;color:# 000;text-align:left;">            </div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:18px;color:# 000;text-align:left;">        Please check with your country's customs office to determine what these additional                costs will be prior to bidding/buying.   </div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:18px;color:# 000;text-align:left;"><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. </div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div><div id="001" style="width: 800px; font-family: Helvetica, Verdana, sans-serif; text-align: left;"><br>

<div style="padding: 3px; margin: 10px; background: rgb(200, 231, 233); box-shadow: rgb(200, 231, 233) 0px 0px 10px 10px;"><span style="font-size: 18px;"><strong><span style="color: rgb(204, 0, 0);">     We do not mark merchandise values below value or mark items as "gifts" - US and             International government regulations prohibit such behavior.

</span></strong></span></div><span style="font-size: 18px;"><strong><span style="color: rgb(204, 0, 0);">            </span></strong></span></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div><div id="001" style="width:800px;font-family:Helvetica,Verdana,sans-serif;font-size:16px;color:# 000;text-align:left;"><br></div></strong></div></div></div></div>

※※免責事項：本noteの情報により、みなさまに発生あるいは誘発されたいかなる損害については、本note作者及びnote関係者は一切その責任を負いません。

この記事が気に入ったらサポートをしてみませんか？