文档

简介

立即開始使用星空娛樂平台,開啟您的娛樂新篇章。我們致力於提供最前沿的數位娛樂資訊與互動體驗,助您掌握行業動態,享受獨家內容。

Quick start

透過星空娛樂平台,您可以全面掌握最新遊戲動態、深度行業洞察,並參與精彩的玩家社群互動。立即前往下載頁面,體驗為您量身打造的娛樂時光。

CSS

將此 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 和 viewport meta 標籤,以確保響應式行為的正確性。整合後,您的網頁應呈現如下結構:

核心框架 :
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>星空娱乐(XK)官方网站 - 数字娱乐综合资讯平台</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

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

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>
                        
右向左語系支援
右向左語系支援 :

若要啟用右向左語系模式,請將 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 類別。