スクラッチ＆ウィンのランディングページは、次回の会議で顧客に割引を提供するインタラクティブな方法として使用される予定でした。自分が作成したものの概要とテンプレートを作成して、インタラクティブなスクラッチ＆ランディングページを作成できます。仕組み – 顧客はスクラッチ＆ウィンのランディングページへのリンクを含むメールを受け取ります。コンシューマーはウェブサイトのウェブページに移動し、会議のリダクションコードを傷つける可能性があります。ページが読み込まれると、2つのリダクションコードのうちの1つが表示されるか、次回に状態を再試行します。
割引コードは完全に任意であるため、データ作業は不要です。独自のスクラッチ＆ウィンを作成する方法 – セットアップ – グラフィック\ / Images – ランディングページに必要なグラフィックが5つありました。オーバーレイ画像 – オーバーレイ画像は、ページが読み込まれたときに縮小コードを隠すために使用されます。ディスカウント画像 – 2番目の画像には、ディスカウントコードの1つと会議の削減額の合計が含まれています。もう1つの縮小画像 – 3番目の画像には会議用の別の縮小コードが含まれています。写真を試してください – 必要な写真は次回の写真よりも良いチャンスでした。
コインの画像 – 5.この画像は、スクラッチ＆ウィンのためのカーソルとして使用されます。ページはHTML、CSS、jQueryプラグインで構築されています。 CSSはかなり基本的です。スクラッチパッドは、機能するように、設定された高さと幅を設定していなければなりません。 1234567891011 1 2 13141516171819 2 021222324252627 2829303132333435363738394041424344454647484950515253545556575859 – html {ボックスサイズ：境界ボックス、}、：前、：後{ボックスサイズ：継承、}スクラッチパッド{幅：450px、高さ：445px、境界線：10px .FFFFFF、 0-autoユーザーの選択：なし、-mozユーザー選択：なし、-msユーザー選択：none、-webkitユーザー選択：なし、-khtmlユーザー選択：なし、-mozユーザー選択：なし、ユーザー選択：なし、幅：100％;}プロモーションコンテナ{背景。
Fp、境界線の半径：5px、-moz境界の半径：5px、-webkitの境界の半径：5px、幅：450px、パディング：20px、余白：0自動、テキストの配置：center、font family： ‘Open Sans Arial、 color.333、フォントサイズ：16px、margin top：20px、} .btn {background.56CFD2、color。 FFF、パディング：10px 25px、ディスプレイ：インラインブロック、余白トップ：15px、テキスト装飾：なし、フォントの重さ：600、テキスト変換：大文字、ボーダー半径：3px、-mozボーダー半径：3px、-webkit border radiuss：3px 、} @メディアのみの画面と{.scratchpad {width：400px、height：396px、}スクラッチコンテナ{width：400px！重要な、}} @メディアのみの画面と{.scratchpad {width：290px、height：287px、}スクラッチコンテナ{width：290px！重要、}} – HTMLは簡単です。スクラッチコンテナと、スクラッチ＆勝利のための画像を含むスクラッチパッドを示します。
画像は次のステップでjQuery経由で挿入されます。 Theresは、会議に登録するためのプロモーションコードと発呼アクティビティも含むセクションです。スクラッチカードに50％以上のスクラッチがあると、このセグメントが表示されます。 1234 5 6 7 – 今すぐ登録する。 javascriptは、スクラッチ＆ウィンのためのすべての機能がどこにあるかです。
最初に、5つの変数を設定しました。
・・・・なんのこっちゃい・・・。( ;∀;)