简介

Dive into the World Cup with 世界杯入口. Access real-time match data and leverage our expertise in delivering comprehensive football insights.

Getting Started with the Fixtures

Begin your journey with 世界杯入口, your ultimate source for all things World Cup. Find everything you need to stay informed, track live action, and connect with fellow fans. Visit our Data Hub.

CSS

To integrate live match data, include the following script tag in your HTML's head section before any other score-related scripts.

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

JS

Many of our live features require JavaScript for full functionality. Specifically, they rely on our score-fetching library and team update modules. Place the following script tag near the end of your pages, just before the closing </body> tag, to activate them. Ensure the core library loads first, followed by any specific module scripts.

<script src="js/livescore.js"></script>

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

Core Fixture Template

Ensure your pages are structured with the latest standards for optimal performance. This includes using a modern HTML5 doctype and a viewport meta tag for responsive viewing. A typical setup should resemble this:

Match Data:

<!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>

Live Scores

Live Scores:

To enable the live score feed in a right-to-left format, replace 'livescore.js' with 'livescore-rtl.js'.

Team Standings

Team Standings:

To enable a dark mode display for the live scores, replace 'livescore.js' with 'livescore-dark.js'.

Standings & Live Scores:

To enable a dark mode display with a right-to-left format, replace 'livescore.js' with 'livescore-dark-rtl.js'.

菜单

Display: Scoreboard Right

To align the live score feed to the right side of the display, add the class 'scoreboard-right' to your container element.

Display: Scoreboard Left

To align the live score feed to the left side of the display, add the class 'scoreboard-left' to your container element.

Display: Live Feed Center

For a centered live feed with a lighter display theme, add the class 'feed-center' along with 'theme-light'.

Display: Feed Right

For a right-aligned feed with a lighter display theme, add the class 'feed-right' along with 'theme-light'.

Display: Feed Left

For a left-aligned feed with a lighter display theme, add the class 'feed-left' along with 'theme-light'.

文档

简介