• Narrow screen resolution
  • Wide screen resolution
  • Auto width resolution
  • Increase font size
  • Decrease font size
  • Default font size
Site Controls

JoomlArt Tutorials

Saturday
Sep 06th
Home arrow ReadMe arrow JA Mageia
JA Mageia
(10 votes)
Written by MiCCAS   
Getting started to JoomlArt templates

Here are general information and knowledge you need to know when using every JoomlArt templates.

1. INSTALL TEMPLATE
  • Log in to your administrator section of the site. The link to your administrator section should be like this: http://www.yoursite.com/administrator/
  • On the top go to Site -> Template Manager -> Site Templates





  • Select New form the options. See picture below:

  • Browse to you zip file. and select it. Then select Upload File & Install.

  • The template is installed when you get this page. Select Continue and let's publish the new template.
  • Your site is ready for it's new look. Select the radio button on the Left to Template name and after that click Default from the Menu.
  • Click Site -> Preview -> In New Window to see your site.
TIPS: Common problem when installing template is error of zip file. If you have error, download template again and install it.

2. INSTALL MODULE
  • In your administrator area, on the top go to Site -> Installers -> Modules

  • Click Browse to locate your module zip file. After that, click upload and install.

  • Remember to publish and set position for your new module.
3. MODULE POSITION

Some templates of JoomlArt have addition module positions to decorate your content more attractive. To add a new module position, follow steps below:
  • In your administrator area, on the top go to Site -> Template Manager -> Module positions

  • You will see a list of default Joomla module positions. To add a module position, find a blank textbox and type name of your module, after that click SAVE

TIPS: To list all your template modules in your site type your url in your browser:
http://www.yoursite.com/index.php?tp=1

4. MODULE SUFFIX

Joomla have specific parameter named Module suffixes let you design your module in custom look. JoomlArt templates usually comes with serveral built-in module styles. To add module suffix to your current module, do step belows:
  • In your administrator area, on the top go to Module -> Site modules

  • There is a list of current modules in your site. Click on a module title to edit module.

  • In Module detail information page, scroll page to bottom you will see parameter: Module Suffixes

  • Type your module suffixes (usually have form: -nameofsuffix)
  • After that, click Save to save new module parameter.
  • Now refresh your main site to see how it changed.
5. COMMON JA TOOL CONFIGURATIONS
  1. Menu configuration:
    Open your index.php file, in top you will see this line:



    Change $ja_menutype to what menu you need
  2. Font size configuration:
    Open your index.php file, in top your will see this line


  3. Screen size configuration:
    Open your index.php file, in top your will see this line



    Change $ja_width_default to size you want.
  4. Usertool configuration:
    Open your index.php file, in top your will see this line



    Change $ja_tool to size you want.


Extension(s) used in template

JA NEWSFLASH

This guide will show you how to install and config JA Newsflash module.
  • In administrator area, on top menu go to: Installers -> Modules
  • After that, browse to your module zip file and click Upload and Install
  • On top menu: Go to Modules -> Site modules , you will see the list of current modules in your site.
  • Click JA Newsflash to config module.

  • Now you will see list of configuration parameters for JA Newsflash.



    MAIN CONFIG

    Title: Is your title of you your JA Newsflash module.
    Show title: Choose to show or hide module title
    Position: You have to choose position for JA Newsflash module. In JA Mageia, JA Newsflash is in user5 position
    Module Order: Order of you this module in user5 position.
    Access Level: Who can view this module.
    Published: Remember to publish this module.



    Module class suffix: You can know more about it in Getting started section
    Category: Determine which news category will be show in JA Newsflash module.
    Rolling delay time: Time beetween newsflash.
    Linked titles: Make title of news as link
    Style class: Animation effect.
    Height of div: height of your newsflash.
    Templates: This is markup of your newsflash, an advanced function, help you design your newflash.

Typography

Here are the guideline help you using our pre-built typgraphies to decorate your content.
  • The New Blockquote (with open and close quote). Use
    Your quote goes here!


  • The Hilight Blockquote. Use
    Your quote goes here!


  • Rounded Speech Bubble. Use
    Your Bubble goes here!
    Bubble


  • Square Speech Bubble. Use
    Your Bubble goes here!
    Bubble


  • Rounded Thinking Bubble. Use
    Your Bubble goes here!
    Bubble


  • Square Thinking Bubble. Use
    Your Bubble goes here!
    Bubble




    The traditional ones are:
  • The Sticky Note. Use

    Your note

    to form a sticky note

  • The Download Note. Use

    Your note

    to form a download box

  • The Block Number. Use

    NumberYour content

    to form a block with big number.

  • Checklist: use
    • Your list go here


  • Checklist star
    • your list go here


  • Highlight text. Use Your text
  • Tips. Use

    Your tip

  • Source code. Use
    Your code
    . You can also use the
     tag instead.
  • Error message. Use

    Your error message

  • Info message. Use

    Your info

  • Drop cap style. Use

    < span class="dropcap">Drop cap



Guide for building site based on JA Mageia

3 bottom spotlight modules

JA Mageia have three bottom spotlight modules in positions: user1, user2, user8. You can create your own modules and publish them to these position.

Specific banner image for each menu item

Header images are stored in templates/ja_mageia/images/header/
You can copy your own images into here and declare images in template/ja_mageia/index.php . In this file, you have this line:

$ja_header_images = array ('header1.jpg', 'header2.jpg');

Remember that: width of banner in narrow screen is: 576px / 200px. In wide screen is: 731px / 200px

Highlight module

JA Mageia doesn't have highlight module.
 
< Prev