HTML \ CSSクーポンスクリプト

誰でも、CSS & CSSでクーポンを作成する方法を知っていますか？ひどく簡単な質問を許して、私はどんなWeb開発の多くもしない:)HTML CSSクーポンスクリプト

ありがとう。

EDIT：編集：Sethは私が受け入れた彼の答えを再び掲載したので、私はここから回答を取り除いた（それは元の削除された投稿のコピー）。

出典

2009-07-21 javamonkey79

ここで「クーポン」とは何ですか？ – Sev

新聞やその他の印刷物に見られるようなクーポンです。あなたが知っている、点線のボックス。 – javamonkey79

/rantなぜ誰かがこれを落とすだろうか？私はそれが簡単な質問であることを知っていますが、どうぞ！私は何をしなければならない、それを主観的なかわいい\楽しい質問にする？ Jeeze。 – javamonkey79

私はあなたのdivの周り

.coupon { 
    width: 250px; 
    padding: 10px; 
    text-align: center; 
    border: 3px dashed #ccc; } 

    <div class="coupon">15 points for your reputation</div>

をしたい推測していますか？それとももっと関わる何か？

hereから盗まれました。

出典

2009-07-21 06:05:29 seth

はい、ありがとうございます。驚くべきことに、グーグルのCSSクーポンはあなたに迷惑をかけてしまいます。 – javamonkey79

うれしいことです。しかし、今あなたの結果の最初のページに表示されます！ FTW！ – seth

質問のHTML部分は、非常に基本的なものであり、自分自身に非常に限定されているため、ここでは触れません。印刷具体的なスタイリングのために

、あなたがそうのように、印刷メディアに対して明示的にスタイルシートを追加することができ、あなたのHTMLマークアップで：

<link rel="stylesheet" type="text/css" media="print" href="my-printable-style.css"/>

ます。また、使用することによって、既存のCSSドキュメントに直接これを行うことができますそのようなCSSのディレクティブ、：

//sample ripped from http://www.w3schools.com/CSS/css_mediatypes.asp 
@media screen 
    { 
    p.test {font-family:verdana,sans-serif;font-size:14px} 
    } 
@media print 
    { 
    p.test {font-family:times,serif;font-size:10px} 
    }

が、それはこのような単一のドキュメントを膨らまする混乱とメンテナンスの問題につながる可能性があるため、これは一般的に弱いツールとして見て、それが要素に基づいた方法と同じで実現しています。

印刷可能なCSSの問題がうまく解決できない場合は、this list apart articleとお読みください。

出典

2009-07-21 06:12:33 annakata

This articleには、必要なすべての情報が簡単でわかりやすい方法で含まれています。それがあなたを助けることを願ってください。

出典

2009-07-21 08:16:08 jluna

-3

<label for="dwfrm_cart_couponCode"> 
         CODE 
         </label> 
<input type="text" placeholder=" CODE" name="dwfrm_cart_couponCode" id="dwfrm_cart_couponCode"> 
<button type="submit" value="dwfrm_cart_addCoupon" name="dwfrm_cart_addCoupon" id="add-coupon"> 

         </button> 
<div class="error"> 
           Please Enter a Code 
          </div>

出典

2016-04-16 01:05:02 user6211646

HTML \ CSSクーポンスクリプト

答えて

関連する問題