「練習1」の編集履歴(バックアップ)一覧はこちら

練習1」(2008/03/21 (金) 05:58:03) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#html2(){{{{{{ <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Language" content="ja"> <META http-equiv="Content-Style-Type" content="text/css"> <!--///// ↓↓ここから↓↓(サイトの概要を記入する部分です。実際のページには表示されません) /////--> <META name="robots" content="index,follow"> <META name="description" content="お買い得緑茶 48本セットの通販サイトです。"> <META name="keywords" content="通販,お買い得緑茶 48本セット"> <TITLE>お買い得緑茶 48本セット 通販</TITLE> <!--////// ↑↑ここまで↑↑(サイトの概要を記入する部分です。実際のページには表示されません) /////--> <STYLE type="text/css"> <!-- body { font-family: Verdana, "MS Pゴシック", Arial; font-size: 14px; line-height: 1.5em; color: #333333; text-align: center; } p,h1,h2,h3 { margin:23px; } h1 { margin-top:0; padding-top:25px; font-size: 24px; } h2 { font-size: 20px; line-height:30px; } .clear-margin { margin:0; } img { border: none; } .block-center { margin-right: auto; margin-left: auto; } .float-left { float:left; } .float-right { float:right; } .clear-both { clear:both; float:none; width:0px; height:0px; visibility:hidden; display:block; margin:0; padding:0; } * html .clear-both { clear:both; width:0px; height:0px; display:none; margin:0; padding:0; } /* ↓フォントのスタイル↓ */ .bold { font-weight: bold; } .red { color: #FF0000; } .white { color:#FFFFFF; } .dilute-gray { color:#444444; } .font-14 { font-size: 14px; } .font-20 { font-size: 20px; } .inline-center { text-align: center; } .inline-left{ text-align: left; } .inline-right{ text-align: right; } /* ↓リンクについてここから↓ */ a:link, a:active, a:visited { color: #0033cc; text-decoration: none; } a:hover { color: #CC0000; text-decoration: underline; } /* ↓本体のスタイル↓ */ #body-box { width: 760px; border: 1px solid #CCCCCC; margin-top:8px; } /* ↓ヘッダーのスタイル↓ */ #catch1 { font-size: 16px; } #footer-menu { background-color: #FFFF7E; padding: 2px; font-size:12px; } #delivery-text { margin-right:10px; } /* ↓商品紹介部分のスタイル↓ */ #contents-box { border-bottom: 1px dotted #FFCC33; padding-top:5px; margin-bottom: 20px; } #catch3 { font-size: 15px; line-height:1.5em; margin-top: 20px; } .price-box { width:100%; line-height:1.5em; margin:10px 0; } #catch7 { font-size: 20px; line-height:1.5em; margin: 40px 50px; } #bottom-name { margin:0; line-height:1.5em; } .line-title { background-color: #FEFF74; padding: 5px; margin: 50px 50px 0; } .item-explain { margin: 20px 50px; } #item-cart { width: 520px; padding: 5px 20px 0; margin: 30px auto; background-color: #FCFAAE; } #item-cart img { margin:5px; } /* ↓商品スペックのスタイル↓ */ #item-detail { border: 1px solid #F0E68C; width: 680px; margin: 10px auto; } #item-detail-in { padding: 5px 10px; } .spec { padding:0 10px; } /* ↓フッターのスタイル↓ */ #to-top { margin-left: 5px; } #footer { font-size: 10px; background-color: #FFFF7E; padding: 1px; } .copy { width:66%; line-height:1em; margin:3px; } .tpl { width:30%; line-height:1em; margin:3px 5px; } #footer-link { color: #cccccc; font-size: 10px; } #header-box { width:760px; height:120px; background-image:url("http://www.moshimo.com/images/dekisugi/header/44.jpg"); } .text-color-1 { color:#FFFFFF; } .text-color-2 { color:#FFFFFF; } .text-color-3 { color:#333333; } --> </STYLE> </HEAD> <BODY> <div id="body-box" class="block-center"> <!--///// ↓↓ヘッダーここから↓↓(サイト上部の画像と、サイト名を表示させる部分です) /////--> <div id="header-box"> <h1 id="name" class="inline-center text-color-1">知っ得!お買い物市場</h1> <p id="catch1" class="bold inline-center text-color-2">これが限界!あの商品をガツンと値下げ</p> </div> <!--///// ↑↑ヘッダーここまで↑↑(サイト上部の画像と、サイト名を表示させる部分です) /////--> <div id="contents-box"> <!--///// ↓↓ページ上部の商品紹介部分ここから↓↓ /////--> <h2 id="catch2" class="red bold inline-center text-color-3">知っ得!お買い物市場にようこそ!</h2> <p id="catch3" class="bold inline-center">お客様第一主義のもと、『知っ得!お買い物市場』は底値の限界に挑戦します!</p> <p id="main-image"><img src="https://www.moshimo.com/item_image/0043300000002/1/l.jpg" alt="お買い得緑茶 48本セット" id="picture2" height="300" width="300"></p> <h3 class="font-20" id="catch4">お買い得緑茶 48本セット</h3> <p class="price-box inline-center"> <span class="red font-20" id="price1">専門店特価3,480円</span> <span class="font-14 dilute-gray" id="price2">(3,654円[税込])</span> </p> <a href="https://www.moshimo.com/?action_cart_add&amp;sid=200271&amp;bid=-62823"><img src="https://www.moshimo.com/images/consumer/item/btn_cart.gif" alt="カートに入れる" height="41" width="227"></a><br> <!--///// ↑↑ページ上部の商品紹介部分ここまで↑↑ /////--> <!--///// ↓↓ページ中部の商品紹介部分(その1)ここから↓↓ /////--> <p id="sub-title" class="line-title">おすすめのポイント</p> <p id="catch8" class="item-explain inline-left red bold">●手軽にストックできるお買い得緑茶!<br>●飲み応えは常に新しい!何度飲んでも美味しい♪</p> <p id="catch5" class="item-explain inline-left"></p> <!--///// ↑↑ページ中部の商品紹介部分(その1)ここまで↑↑ /////--> <!--///// ↓↓ページ中部の商品紹介部分(その2)ここから↓↓ /////--> <img src="https://www.moshimo.com/item_image/0043300000002/2/l.jpg" alt="お買い得緑茶 48本セット" id="picture3" height="300" width="300"> <p id="catch8" class="item-explain inline-center">&nbsp;</p> <p id="catch6" class="item-explain inline-center">&nbsp;</p> <!--///// ↑↑ページ中部の商品紹介部分(その2)ここまで↑↑ /////--> <!--///// ↓↓ページ下部の商品紹介部分(その2)ここから↓↓ /////--> <h3 id="catch7" class="red bold inline-center">大好評につき、数に限りがございます。<br>売り切れる前に、早めのご注文をおすすめします!</h3> <table id="item-cart" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td colspan="2" class="inline-center"> <h3 id="bottom-name"><a href="https://www.moshimo.com/article/200271/62823">お買い得緑茶 48本セット</a></h3> </td> </tr> <tr> <td align="center"> <img src="https://www.moshimo.com/item_image/0043300000002/1/r.jpg" alt="お買い得緑茶 48本セット" id="picture5" height="150" width="150"> </td> <td> <p class="inline-left"> <span class="red">専門店特価</span><br> <span class="font-20 red bold">3,480円</span> <span class="font-14">(3,654円[税込])</span><br> <a href="https://www.moshimo.com/?action_cart_add&amp;sid=200271&amp;bid=-62823"><img src="https://www.moshimo.com/images/consumer/item/btn_cart.gif" alt="カートに入れる" height="41" width="227"></a><br> <span class="font-14"><a href="https://www.moshimo.com/article/200271/62823">>>もっと詳しく見る</a><br> <a href="https://www.moshimo.com/inquiry/item?sid=200271&amp;bid=-62823" target="_blank">>>この商品について質問する</a></span> </p> </td> </tr> </tbody></table> <!--///// ↑↑ページ下部の商品紹介部分(その2)ここまで↑↑ /////--> <!--///// ↓↓商品スペックここから↓↓ /////--> <div id="item-detail"> <img src="https://www.moshimo.com/images/template_item_detail.gif" alt="商品詳細" height="31" width="680"> <p class="inline-left spec"> ○商品名:<br> お買い得 緑茶<br>○品名:<br> 緑茶(清涼飲料水)<br>○内容量:<br> 500ml×48本<br>○原材料名:<br> 緑茶、ビタミンC<br>○賞味期限:<br> 常温2008年6月<br>○保存方法:<br> 直射日光・高温多湿を避けて、<br> 開封後は冷蔵庫に入れていただき、<br> なるべく早めにお召し上がりください<br>○配送方法:<br> 常温 </p> </div> <!--///// ↑↑商品スペックここまで↑↑ /////--> <!--///// ↓↓送料無料キャンペーンバナーここから↓↓ /////--> <img src="https://www.moshimo.com/images/consumer/cart/cart_free_shipping.gif" alt="8,000円以上送料無料" height="60" width="720"> <!--///// ↑↑送料無料キャンペーンバナーここまで↑↑ /////--> <img src="https://www.moshimo.com/images/template_info.gif" alt="インフォメーション" width="750"> </div> <div id="to-top" class="inline-left"><a href="#pagetop">上に戻る</a></div> <div id="footer-menu"> <a target="_blank" href="http://www.moshimo.com/shopping-guide/uneiguide-1">お買い物の流れ</a> / <a target="_blank" href="http://www.moshimo.com/shopping-guide/uneiguide-7">決済・配送について</a> / <a target="_blank" href="http://www.moshimo.com/shopping-guide/uneiguide-5">返品について</a> / <a target="_blank" href="http://www.moshimo.com/shopping-guide/kakusyuhyouki-1">販売者概要</a> / <a target="_blank" href="http://www.moshimo.com/shopping-guide/kakusyuhyouki-2">特定商取引法に基づく表記</a> </div> <div id="contents-body"> </div> </div> <!--///// ↓↓フッターリンクここから↓↓(ご自身のHPや、知人のHPヘリンクを貼りましょう) /////--> <div id="footer-link"> <a href="http://www.moshimo.com/top/200271/">通販</a> / <a href="https://www.moshimo.com/bargain/diet/200271/">ダイエット食品・サプリメント通販</a> / <a href="https://www.moshimo.com/bargain/brand/200271/">ブランド通販</a> / </div> <!--///// ↑↑フッターリンクここまで↑↑(ご自身のHPや、知人のHPヘリンクを貼りましょう) /////--> <SCRIPT type="text/javascript"> <!-- document.write("<img src='http://www.webdepa.com/deki/acclog.cgi?"); document.write("referrer="+document.referrer+"&"); document.write("width="+screen.width+"&"); document.write("height="+screen.height+"&"); document.write("color="+screen.colorDepth+"'>"); // --> </SCRIPT> }}}}}}

表示オプション

横に並べて表示:
変化行の前後のみ表示: