Thanks for choosing Mahjong Ways! If you run into any issues, feel free to reach out to our support team. We're here to help!

This guide will walk you through getting started with your Mahjong Ways entertainment experience.

Mahjong Ways offers a wide array of entertainment options to suit your gaming preferences.

Now building you professional website is very easy. Owkey Template does the work for you, with 19 different pages which can be custom integrated to your needs. The design is flat, responsive and SEO friendly. The template has 2 professional blog layout pages which has listing and grid layout. The SEO focused design and professional layout has 4 homepage options. Integrate images, Slides and more with Revolution Slider to give a quick view about your business or dictate your business story. The Design uses google fonts which is browser friendly and is powered by Twitter Bootstrap v3. The design is compatible with plugins and it makes a great deal for you.

No complex installation needed for Mahjong Ways. Simply extract your downloaded package and upload it to your server.

Upload Template files

You can begin your Mahjong Ways journey in two main ways:

  1. Upload the Mahjong Ways files to your server. Extract the downloaded archive and upload the 'Mahjong Ways' folder to your server's root directory via FTP.

The Mahjong Ways platform is well-organized with a clear directory structure, making it easy to find and adjust settings.

Your downloaded archive contains two primary components.

Folders

One holds the core game content, the other, this documentation. Everything is ready for you.

Documentation

It includes four distinct functional modules and a homepage file. Click the homepage file to open it in your browser for a detailed entertainment guide.

Documentation

JavaScript

All core functional scripts are located in the assets/ directory.

  • js/jquery-3.1.1.min.js - jQuery [Version 3.1.1] A powerful JavaScript library designed to simplify client-side scripting in front-end development.
  • JS/jquery.unveilEffects.js - A plugin for implementing various cool animation effects.
  • js/jquery.mCustomScrollbar.concat.min.js - A custom scrollbar plugin offering a beautiful and user-friendly scrolling experience.
  • js/jquery.themepunch.tools.min.js - Auxiliary toolset, providing powerful support for Revolution Slider.
  • js/jquery.themepunch.revolution.min.js - Core Revolution Slider plugin, creating stunning dynamic slides.
  • js/slick.min.js - Slick Carousel [Version: 1.5.0] Flexible carousel component, easily achieving creative visual effects.
  • js/classie.js - bonzo [Version: 1.5.0] Lightweight DOM helper, making web interactions smoother.
  • js/bootstrap.min.js - Bootstrap [Version: v3.3.7] Bootstrap's JavaScript plugins, enhancing responsive design.
  • js/modernizr.custom.js - Modernizr [Version: 2.8.3] Smartly detects browser features, ensuring compatibility.
  • js/pathLoader.js - PathLoader [Version: v1.0.0] Optimizes resource loading, improving user experience.

CSS

Here are the main style files for the Mahjong Ways platform.

  • css/style.css - "麻将胡了" exclusive styles, defining the website's classic Chinese aesthetic.
  • css/slick.css - Slick Carousel styles, adapting for smooth carousel visuals.
  • css/setting.css - Revolution Slider 5.0 styles, finely controlling visual effects.
  • css/mCustomScrollbar.css - Custom scrollbar styles, enhancing browsing comfort.
  • css/bootstrap.min.css - Bootstrap v3.3.7 styles, building a stable responsive layout.
  • assets/styles/dist/portfolio-with-images.css - "麻将胡了" portfolio styles, highlighting visual art.
  • css/animate.css - Animation library, injecting vitality into pages.

Less

Below is a list of Less files used by the Mahjong Ways platform, located in the assets/less/ directory.

  • css/style.less - "麻将胡了" LESS styles, efficiently writing and managing global styles.

Here's a list of all external resources (frameworks, libraries, plugins, etc.) used to build the Mahjong Ways platform.

Frameworks

Twitter Bootstrap v3.3.7 Leading interactive gaming platform. http://getbootstrap.com/
jQuery v3.1.1 Powerful JavaScript library, simplifying game development. http://jquery.com/

Plugins (JavaScript)

Slick Carousel Used to display the latest event dynamics. http://kenwheeler.github.io/slick/
Slider Revolution Smooth visual presentation. https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing Plugin Provides smooth animation transition effects. http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded Intelligently loads game assets, displays progress. http://imagesloaded.desandro.com/
Isotope Implements dynamic game content filtering. http://isotope.metafizzy.co/

Fonts

Source Han Serif Classic Song Style https://fonts.google.com/specimen/Open+Sans
Founder Lantian Elegant Kai Style https://fonts.google.com/specimen/Montserrat
Alibaba Pu Hui Ti Ling Dong Xing Shu https://fonts.google.com/specimen/Work+Sans
Zhihu Qing Ke Huang You Ti Elegant Cao Shu https://fonts.google.com/specimen/Raleway

Navigate to the assets/js/core.js file for personalized configuration.

Prerequisites

  • Infinite Loop: Enable or disable seamless carousel transitions.
  • Transition Speed: Control the smoothness of slide transitions.
  • Display Count: Number of slides shown at once.
  • Scroll Count: Number of slides switched per swipe.
  • Autoplay: Whether to enable automatic slide playback.
  • Autoplay Interval: Set the delay time for autoplay (milliseconds).

Here's a configuration example:


    $('.mils-slider').slick({
        infinite: false,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
      ]
    });
 

For further assistance, visit our official website or contact customer support.

We'll do our best to help with platform setup issues. Please note, our support is a bonus for users, so check the resources below first for answers:

  • Explore more game tips and strategies.
  • Quickly find answers to frequently asked game questions.

Don't forget to share your gaming experiences in our community.