簡介

透過開雲體育，輕鬆開啟您的賽事追蹤之旅。我們提供專業的賽事資訊與互動體驗，讓您精準掌握場上動態。

快速上手

立即體驗開雲體育，獲取您所需的一切賽事資訊，提升觀賽樂趣。前往下載頁面，開啟您的沉浸式體育體驗。

CSS

將此連結 <link> 插入您的 <head> 區塊，置於所有樣式表之前，以載入開雲體育的賽事風格。

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

JS

許多功能需要 JavaScript 支援。請將以下 <script> 標籤置於頁面底部 </body> 標籤前，以確保 jQuery 和我們的賽事功能正常運作。請確保 jQuery 優先載入。

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

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

入門範本

確保您的頁面採用最新的設計與開發標準。這意味著使用 HTML5 doctype 並包含 viewport meta 標籤以實現響應式顯示。整合後，您的頁面應如下所示：

HTML 程式碼：

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

        <meta charset="utf-8" />
        <title>開雲體育 - 專業體育賽事入口</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。

主队	比分	客队	联赛	时间
ZED	0:0	Kahrabaa Ismailia	Egyptian Premier League	14:00
Al-Mokawloon al-Arab	2:0	Modern Sport	Egyptian Premier League	14:00
Vita Club	0:0	TP Mazembe	DR Congo Ligue 1	14:00
Příbram Akademie	0:0	Slavia Praha C	Czech Bohemian Football League Group A	13:00
Don Bosco	0:0	Simba Kolwezi	DR Congo Ligue 1	13:00
Universidade de Macau	0:2	Must IPO	Macau Liga de Elite	13:00
Saint-Éloi Lupopo	0:0	Maniema Union	DR Congo Ligue 1	13:00
Céleste	1:3	Les Aigles du Congo	DR Congo Ligue 1	12:00
Shire Endaselassie	1:1	Hadiya Hossana	Ethiopian Premier League	12:00
Liaoning Tieren	3:2	Shanghai Port	Chinese Super League	11:35

文件說明

簡介