Scribd Logo
Upload

Welcome to Scribd!

  • Help

    Uploaded by

    n
    23 views2 pages
    This document provides information about the AxiaMobile template, including: - It describes the file structure and organization of the template including folders for images, CSS, and JavaScript. - It lists several features of the template like being compatible across devices, using HTML5 for configuration, and including plugins for toggling content, tabs, and galleries. - It provides instructions for implementing common elements like toggles, tabs, and galleries and includes examples of code. - It also lists 20 different color options that can be applied to elements through color classes.

    Original Description:

    ayuda

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides information about the AxiaMobile template, including: - It describes the file structure and organization of the template including folders for images, CSS, and JavaScript. - It lists several features of the template like being compatible across devices, using HTML5 for configuration, and including plugins for toggling content, tabs, and galleries. - It provides instructions for implementing common elements like toggles, tabs, and galleries and includes examples of code. - It also lists 20 different color options that can be applied to elements through color classes.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    23 views2 pages

    Help

    Uploaded by

    n
    This document provides information about the AxiaMobile template, including: - It describes the file structure and organization of the template including folders for images, CSS, and JavaScript. - It lists several features of the template like being compatible across devices, using HTML5 for configuration, and including plugins for toggling content, tabs, and galleries. - It provides instructions for implementing common elements like toggles, tabs, and galleries and includes examples of code. - It also lists 20 different color options that can be applied to elements through color classes.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 2

    AxiaMobile

    Corporate Mobile | 3 Color Variations


    Created by: Lukas (Luke) Postulka
    Themeforest username: lukepostulka
    Released: 26/10/2012
    E-mail: support@lukepostulka.net
    Version: 1.1
    First of all, thank you very much for chosing my work! I really appreciate it and I would like you to stay
    with you in touch so please follow me on ThemeForest or my Facebook fan page.
    Files CSS
    styles/style.css - Main CSS file. If you want to change CSS, youll work with this file.
    styles/photoswipe.css - PhotoSwipe library.
    styles/styledarkwood.css - Dark Wood scheme CSS file.
    styles/stylelight.css - Light scheme CSS file.
    Folders
    images - Images folder, contains important images and pictures of template source and gallery files.
    js - Contains JavaScript sources (sliders, image effects etc., read official script documentation.)
    styles - CSS styles (above)
    HTML5 Structures
    Every HTML page (needs to) contain following structure:
    DOCTYPE
    <html>
    <head> <...> </head>
    <body>
    <div id=page>
    <div id=menu> <...> </div>
    <div id=main> <...> </div>
    <div id=footer> <...> </div>
    </div>
    </body>
    </html>

    Page Structure

    Toggles

    AxiaMobile template must start with an HTML5 doctype to take full advantage of all features.
    (Older devices with browsers that dont understand HTML5 will safely ignore the doctype and
    various custom attributes.) In the head, references to jQuery, main.js file and the other support
    JavaScript libraries. There muse be also a CSS files. Heres the example of heading section.

    Use toggle class and below use container for toggling content.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Axia Mobile</title>
    <meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0; />
    <meta name=apple-mobile-web-app-capable content=yes />
    <link type=text/css rel=stylesheet href=styles/style.css />
    <script type=text/javascript src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.
    min.js></script>
    <script type=text/javascript src=js/main.js></script>
    </head>

    Features of AxiaMobile
    Compatible with all major mobile, tablet, e-reader & desktop platforms - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile,
    Kindle, Nook, and all modern browsers with graded levels of support.
    Lightweight size and minimal imag e dependencies for speed.
    HTML5 Markup-driven configuration of pages and behavior for fast development and minimal
    required scripting.
    Touch and mouse event support streamline the process of supporting touch, mouse, and cursor
    focus-based user input methods with a simple API.
    Full working PHP contact form easy to set-up and provides you connection with your customers.
    Three amazing color schemes easy to choose one, simply replace your stylesheet file to one of
    three theme CSS files.
    100 pixel perfect icons for every oportunity.
    Toggling plugin easy to customize, toggles every content.
    Tabling plugin create tables in one minute.
    FlexSlider on wellcome page, this feature allows you to show the best from your work in 90% of
    mobile screen.
    PhotoSwipe gallery plugin works with all major mobile, tablet and desktop browsers. Supports touch
    navigation and its also easy to use and edit.
    20+ colors of elements apply one of these amazing color for your element by attaching color class on it.

    <h4 class=toggle>Toggle me out!</h4>


    <div class=container>Lorem ipsum dolor sit amet</div>
    <h4 class=toggle>Toggle me out 2!</h4>
    <div class=container>Sed consequat pharetra tincidunt.</div>

    Tabs
    Import tabify.js library in your <head>, then attach tab script for your element by $(#tabs).tabify();
    <ul id=tabs class=tabs>

    <li class=active><a class=FancyBlue href=#tab1>Tab one</a></li>

    <li><a class=FancyBlue href=#tab2>Tab two</a></li>
    </ul>
    <div id=tab1 class=tabs_content>

    <h4>Tab one title</h4>

    <p>Lorem ipsum dolor sit amet.</p>
    </div>
    <div id=tab2 class=tabs_content>

    <h4>Tab two title</h4>

    <p>Lorem ipsum dolor sit amet.</p>
    </div>

    Galleries
    Import photoswipe library, then attach tab script for your element by $(.ShowGallery).photoSwipe();
    <a href=fullwidthimage class=ShowGallery><img class=bordered_picture src=thumb alt=description /></
    a>

    Colors
    Fancy Blue
    Greeny
    Green Plaster
    Dark Green
    Blue Grass
    Sky Blue
    Royal Blue
    Lila Blue
    Pinky Red
    Flower Blue
    Purple Haze
    Mandarine
    Brick Red
    Dark Grey
    Dark Red
    Yellow
    Brown
    Grey
    Light

    For any futher questions please read FAQ section on ThemeForest.net, or feel free to ask via ticket support --> http://lukepostulka.ticksy.com/
    Thank you, Lukas (Luke) Postulka.

    You might also like