Welcome to 爱游戏体育(AYXSPORTS) News

Thanks for checking out 爱游戏体育(AYXSPORTS) News. For any questions about our platform, feel free to visit our support forum.

Latest Match Updates

Unzip the archive to find the HTML folder. Inside, you'll discover the following files and directories:

/css - folder with CSS files
/fonts - folder with icon fonts
/img - folder with all images
/js - folder with jQuery script files
/revolution - folder with Slider Revolution plugin
contact.php - file for contact form

Note: Contact form will not work offline. You must upload your website on a server with support of PHP and PHP mail() function.

League Standings

We've included predefined color schemes in the package. Find CSS styles in the head of the HTML document and paste this line of CSS code. Change it to other colors, depending on your preferred color scheme. Ex: /colors/turquoise.css, /colors/violet.css


    <!-- Css -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/magnific-popup.css" />
    <link rel="stylesheet" href="revolution/css/settings.css" />
    <link rel="stylesheet" href="css/font-icons.css" />
    <link rel="stylesheet" href="css/rev-slider.css" />
    <link rel="stylesheet" href="css/sliders.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/responsive.css" />
    <link rel="stylesheet" href="css/spacings.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="css/colors/red.css" />

Upcoming Fixtures

Basic navigation structure consists of the following code. To change the style from transparent to solid color, you need to remove the 'transparent' class and the 'light' logo from the markup.


      <header class="nav-type-1 transparent">

        <div class="search-wrap">
          ...
        </div>
      
        <nav class="navbar navbar-static-top">
          <div class="navigation">
            <div class="container-fluid semi-fluid relative">
              <div class="row">

                <div class="navbar-header">
                  <!-- Logo -->
                  <div class="logo-container">
                    ...
                  </div>
                </div> <!-- end navbar-header -->

                <div class="col-md-12 nav-wrap">
                  <div class="collapse navbar-collapse text-center" id="navbar-collapse">
                    
                    <ul class="nav navbar-nav">
                      ...          
                    </ul> 
                  </div>
                </div> <!-- end nav-wrap -->

                <ul class="nav-right hidden-sm hidden-xs">
                  ...                      
                </ul>           
            
              </div>
            </div>
          </div>
        </nav>
      </header>

Player Stats

Open contact.php with any text editor and paste your email address in line 4. Save it.

$to = "testemail@gmail.com"; // Your email here

Note: Contact form will not work offline. You must upload your website on a server with support of PHP and PHP mail() function.

For DreamHost users

If you can't receive email, open contact.php and remove line 45:

$headers = 'From: ' . $mail .''. "\r\n".

Live Score Center

Paste your address in the data-address attribute within the Google map div.


      <div id="google-map" class="gmap" data-address="V Tytana St, Manila, Philippines"></div>

API key

Starting from July 2016, Google Maps API requires a key, which you can get for free. Just follow the instructions - here. Once you have your key, paste it in the Google Maps script.


      <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=PASTE-YOUR-KEY-HERE"></script>

Google map script

The Google Maps code is located after all other scripts at the bottom of the HTML.


    <!-- jQuery Scripts -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js"></script>
    <script type="text/javascript" src="js/gmap3.js"></script>
    <script type="text/javascript" src="js/plugins.js"></script>
    <script type="text/javascript" src="js/twitterFetcher_min.js"></script>
    <script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script type="text/javascript" src="js/rev-slider.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>

    <!-- Google Map -->
    <script type="text/javascript">
      $(document).ready( function(){

        var gmapDiv = $("#google-map");
        var gmapMarker = gmapDiv.attr("data-address");

        gmapDiv.gmap3({
          zoom: 16,
          address: gmapMarker,
          oomControl: true,
          navigationControl: true,
          scrollwheel: false,
          styles: [
            {
            "featureType":"all",
            "elementType":"all",
              "stylers":[
                { "saturation":"0" }
              ]
          }]
        })
        .marker({
          address: gmapMarker,
          icon: "img/map_pin.png"
        })
        .infowindow({
          content: "V Tytana St, Manila, Philippines"
        })
        .then(function (infowindow) {
          var map = this.get(0);
          var marker = this.get(1);
          marker.addListener('click', function() {
            infowindow.open(map, marker);
          });
        });
      });
    </script>

To get Lat/Long, here is a great service

Full list of features can be found - here

Match Highlights

There are 2 ways to change the main color of the theme.

Option 1

Manually change all color values in color.css. Open a text editor and change the color values.

Include color.css in the head of HTML.


      <link rel="stylesheet" href="css/colors/color.css" />

Option 2

Using Sass. The process is described here - link.

Team News

To change icons, follow these steps.

Step 1.

Choose the desired icon from the list - link.

Step 2.

Get the class name of the icon.

Step 3.

Paste the class into the icon parameter.

Transfer Rumors

To set up a YouTube background video, find the Revolution BACKGROUND VIDEO LAYER. Paste your domain address into the origin parameter.

Make sure that there is no slash at the end of the domain address. Correct format is:


      data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&ref=0;;origin=http://yourdomain.com;"

Now you can copy and paste id of the video into this parameter


      data-ytid="RIQqVqQs9Xs"

Fan Zone

First, you need to get your Twitter ID. You can create it in your profile - link. Click 'Create new widget'. Once you have it, paste your Twitter ID in the data-twitter-id attribute.

      
      <div id="tweets" data-twitter-id="594366594521804800" class="col-md-12"></div>

Exclusive Insights

jQuery
Bootstrap
gMap3
Scroll reveal
Images loaded
Isotope
Final Countdown
Typed
Local scroll
Scroll to
Appear
Count to
Easing
Easy pie chart
Fitvids
FlexSlider
Owl carousel
Flickity slider
Revolution slider
Magnific popup
Twitter post fetcher
Smooth Scroll

Get the Latest

If you have any questions, feel free to visit our Support Forum.