Installation

NEED UPDATE

Installation

Download xtyle clicking here.

Unzip the downloaded file on your project directory. You will have a folder called xtyle. This is the structure of this file:

index.html
xtyle/
    css/
      - xtyle.css
      - xtyle.min.css
    js/
      - xtyle.js
      - xtyle.min.js

Look index.html for an example how to place the files on this directory into your own html files.

CSS File

For the css file (preferable xtyle.min.css):

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

JavaScript File

To install the xtyle JavaScript file you will need to follow this two steps:

(1) Download JQuery and place it on the bottom of your index.html (preferable):

...
    <script type="text/javascript" src="xtyle/js/jquery.min.js"></script>
</body>
</html>

You have the choice of using an CDN for JQuery instead:

Google CDN

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

CloudFlare CDN

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

(2) Place your xtyle.js AFTER your JQuery declaration:

...
    <script type="text/javascript" src="xtyle/js/jquery.min.js"></script>
    <script type="text/javascript" src="xtyle/js/xtyle.min.js"></script>
</body>
</html>