はじめに

麻将胡了プラットフォームを使い始めましょう。デジタルエンターテイメントの旅をスムーズにスタートし、専門的なサービスをご提供します。

クイックスタートガイド

麻将胡了プラットフォームは、注目を集め、トラフィックを増やし、つながりを築くために必要なすべてを提供します。ダウンロードページをご覧ください。

CSS

このスタイルシートのリンク（<link>）を<head>セクション内、他のすべてのスタイルシートより前に配置し、基本スタイルを読み込んでください。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

多くのコンポーネントは正常に動作するためにJavaScriptを必要とします。具体的には、jQueryと独自のJavaScriptプラグインが必要です。以下の<script>をページの末尾、</body>タグの直前に配置して有効にしてください。jQueryを最初に読み込み、次にbootstrap.bundle.min.js、最後にJavaScriptプラグインを読み込みます。

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.bundle.min.js"></script>

基本テンプレート

ページ設定が最新の設計・開発基準に従っていることを確認してください。HTML5のdoctypeを使用し、レスポンシブ動作のためにビューポートメタタグを含めてください。これらをすべて統合すると、ページは以下のようになります。

HTML :

<!doctype html>
<html lang="ja">
    <head>

        <meta charset="utf-8" />
        <title>麻将胡了 - ドキュメントセンターへようこそ</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="麻将胡了プラットフォームは、デジタルエンターテイメントを核とし、ユーザーに快適で便利なオンライン体験を提供します。" />
        <meta name="keywords" content="麻将胡了2, 麻将胡了APP, 麻将胡了官网, 麻将胡了平台" />

        <!-- ファビコン -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrapフレームワーク -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- メインCSSスタイル -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- ローディングアニメーション開始 -->
        <div id="ローダー">
            --------
            --------
        </div>
        <!-- ローディングアニメーション終了 -->

        <!-- ナビゲーションバー開始 -->
        <header>
            <div class="ナビコンテナ">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- ナビゲーションバー終了 -->

        <!-- ヒーローセクション開始 -->
        <section class="ヒローバナー">
            <div class="ナビコンテナ">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- ヒーローセクション終了 -->

        <!-- フッター開始 -->
        <footer>
            <div class="ナビコンテナ">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- フッター終了 -->

        <!-- トップへ戻る開始 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- トップへ戻る終了 -->

        <!-- Javascript開始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        麻将胡了 specializes in 麻将胡了2, serving every user with care.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript終了 -->
    </body>
</html>

多言語対応

多言語対応 :

多言語（RTL）モードを有効にするには、`style.css`の参照を`style-rtl.css`に置き換えてください。

ダークモード

ダークモード :

ダークモードを有効にするには、`style.css`の参照を`style-dark.css`に置き換えてください。

ダーク多言語モード :

ダーク多言語モードを有効にするには、`style.css`の参照を`style-dark-rtl.css`に置き換えてください。

メニュー

ナビゲーション中央→右

ナビゲーションメニューを中央から右に移動するには、`navigation-menu`クラスに`nav-right`クラスを追加してください。

ナビゲーション中央→左

ナビゲーションメニューを中央から左に移動するには、`navigation-menu`クラスに`nav-left`クラスを追加してください。

ライトナビゲーション中央

中央揃えでライトなナビゲーションメニューが必要な場合は、`navigation-menu`クラスに`nav-light`クラスを追加してください。

ライトナビゲーション右揃え

右揃えでライトなナビゲーションメニューが必要な場合は、`navigation-menu`、`nav-right`、`nav-light`の各クラスを一緒に追加してください。

ライトナビゲーション左揃え

左揃えでライトなナビゲーションメニューが必要な場合は、`navigation-menu`、`nav-left`、`nav-light`の各クラスを一緒に追加してください。