FS申し込みページ作成のひな形

FSの申し込みページがシンプルなところが多いので、需要があるかわかりませんが作ってみました。

スポンサーリンク

こんな感じのページになります。
FevGamesの申し込みページ作成のときにどのように作成するのか不明のため、参考程度で見てくださるとうれしいです。

要望などあれば追記します。

ソースコード

以下をコピペして内容をイベントに合うよう書き換えてください。

<!--装飾部分:削除しないでください-->
    <style>
        h2 {
            padding: 3px 0 3px 15px ;
            border-radius:7px;
            width: 700px;
            background-color: #666633/*見出しの枠色*/;
            color: aliceblue/*見出しのフォント色*/;                                
            }
         p {
            margin-left: 20px;
            }
        li {
            padding: 3px;
            }
        a {
             color: orange/*リンクの色*/;                
            }
        a:hover {
            color: #339999;/*リンクの上にカーソルを置いた時の色*/
            }
            
    </style>
<!--装飾部分:ここまで-->
         
<!--概要:必要なければ削除してください-->
    <p>
        〇〇県では○回目のFSです!<br>
        ○○が勝利したこの地でレベルアップをしませんか。
    </p>
<!--概要:ここまで-->
         
<!--スケジュール-->
    <h2>スケジュール</h2>
        <ul><!--以下イベントの時間や内容に書き換えてください-->
             <li>
                 10:00 レジストレーションポータル(チェックイン)発生
             </li>
             <li>
                 10:30 記念撮影(10名以上のAGが必要です。ご協力お願いします)
             </li>
             <li>
                 11:00 計測開始(終了までAP5000以上を稼いでください)
             </li>
             <li>
                 13:00 計測終了
             </li>
             <li>
                 13:15 結果発表
             </li>
             <li>14:00 リストッキングポータル(補給)発生</li>
         </ul>
<!--スケジュール:ここまで-->
         
<!--参加費:必要なければ削除してください-->
    <h2>参加費</h2>
        <p>100円<br>
         ただしリカージョンをしていないレベル8未満は無料</p>
<!--参加費:ここまで-->
         
<!--注意事項:必要なければ削除してください-->
    <h2>注意事項</h2>
        <p>
         近隣住民の迷惑になるような行動は控えてください。<br>
         海風がありとても寒いことが予想されますので防寒対策はしっかりと!<br>
         人通りの少ない暗い場所もあります。特に女性はお気を付けください。</p>
<!--注意事項:ここまで-->

<!--イベント:必要なければ削除してください-->
    <h2>イベント</h2>
        <ul>
         <li>
         初心者フォローを承ります。スタッフまでお気軽に!
         </li>
         <li>
            イベント後にアフターパーティーを予定しています。<br>
            参加人数把握のため参加予定の方はフォームからお申込みください。<br>
            <!--”と”の間にフォームのURLを入れてください-->
             <a href="" target="_blank">申し込みフォーム</a><small> 申し込み締め切りは○月○日○時です</small>
         </li>
        </ul>
<!--イベント:ここまで-->
         
<!--記念ミッション:必要なければ削除してください-->
    <h2>記念ミッション情報</h2>
        <!--以下”と”の間にミッション情報のURLを入れてください-->
         <p><a href="" target="_blank">ミッション名</a>(IMMに飛びます)</p>
<!--記念ミッション:ここまで-->
         
<!--実績報告:必要なければ削除してください-->
    <h2>実績報告用フォーム</h2>
        <p>計測前と計測後にAGプロフィール内の「レベル」「AP」「トレッキング」を入力してください</p>
         <!--”と”の間にフォームのURLを入れてください-->
        <p><a href="" target="_blank">報告用フォームへ</a></p>
<!--実績報告:ここまで-->
         
<!--広報:必要なければ削除してください-->
    <h2>広報サイトなど</h2>
        <!--”と”の間に各URLを入れてください-->
        <p><a href="" target="_blank">広報サイト「サイト名」</a></p>
        <p><a href="">広報Twitter</a> @アカウントID</p>
        <p><a href="">交流用テレグラム</a></p>
<!--広報:ここまで-->

なお、このソースコードを使用した際に起こった損害については補償致しません。
気が向いたときに改訂することもあります。

色の変更をしたい場合はカラーコードを変更してください。
原色大辞典(色見本サイト)https://www.colordic.org/s

便利なリンク一覧

広報サイト作成

Googleサイト  https://sites.google.com/
Googleアカウントが必要。専門の知識がなくても簡単にWEBサイトの作成ができます。

SNS

IngressCommunityForums  https://community.ingress.com/jp/
言わずと知れたコミュニティーフォーラム。

Twitter  https://twitter.com/
公式コミュニティフォーラムよりもAGが所属している(かもしれない)SNS。

アフターパーティー開催

調整さん https://chouseisan.com/
参加者に出欠を記入してもらうことができます。

ATND  https://atnd.org/
イベント開催支援ツール。定員の登録もできます。

コメント

タイトルとURLをコピーしました