JoomlArt Tutorials

Home

JA Xenia

(6 votes)

Written by MiCCAS

JoomlArt: JA Xenia - User's Guide

1. Menu Types Configuration

JA Xenia offers you 4 types of our traditional menu. The menus applied are JA Split Menu, JA CSS Menu, JA Transmenu and JA Script Dropline Menu

To choose your menu type, go to the 32rd line in the "ja_xenia/ index.php" and change $ja_menutype to what you need.
1 is Split Menu, 2 is CSS Menu, 3 is Transmenu and 4 is Script Dropline Menu

2. Screen Resolution Configuration

JA Xenia allow you to set 3 types of screen resolution. You can easily config JA Xenia template's width by modifying the Template Configurations part in the "ja_xenia/index.php".

To choose which screen's width you want to use, go to the 24th line of the "ja_xenia/index.php" file and change the value of $ja_width_default to 'wide' (1024x768), 'narrow' (800x600) or 'auto' (100% width).

3. Font Resizer Configuration

You can also configurate the font resizer function. Go to "ja_xenia/index.php" and replace the value of $ja_font_size_default to the size you want. You can choose the font size ranged from 1 upto 6.

4. Color Theme Configuration

You can configure the default color theme of JA Xenia too. You can switch it to make the template fit in your overall theme. We provide the alternate colors 'blue' and 'green' beside the 'default' brick style.

To specify the default color of your site, go to the line 26th of the "ja_xenia/index.php" and replace the value of $ja_color_default to the color your want.

5. Typography

Beside the traditional typography since JA Pollux, JA Xenia has been multiplied with 4 more typography styles:

* The Sticky Note. Use Your note to form a sticky note
* The Pin Note. Use Your note to form a pin note
* The Clip Note. Use Your note to form a clip note
* The Block Number. Use NumberYour content to form a clip note

6. JA Header Module

The flashing module you've seen in demo page is the new, style-revamped flashing header of JoomlArt. You can choose between Fade Javascript style, or Flash Object style to display your cool images. All are XHTML validated and have flexible parameters for you to configure.

* Go to your Administration Panel, and choose the Modules in Install Menu.

Then, choose the mod_ja_header.zip (you can download the file in JA Antares Club Download Folder). And then, press the Upload & Install button.
* After successfully installed, the modules will be placed at menu Modules -> Site Modules

Navigate through the list and select JA Header Module.

* In Module Detail Settings, please set up the module attributes look exactly like this image.

* In Module Parameter Settings, please set up the module parameters to suit your needs

For more information, these settings mean:

Header type: Type of the header: JavaScript or Adobe Flash.

Image type: Supported image types. Use "|" as a separator.

Image folder: The folder that module will look for images. The default folder is templates/ja_antares/images/header. Note: Use forward slashes instead of backward slashes.

Width: Width of the header, you can use per cent or pixel as unit.

Height: Height of the header, use pixel as unit.

For JA Xenia, use 152px as the height of the module.

Timer: Time for the next image will be appeared. Use second as unit.

Order: Determine how image will appear: sequential or random.

Fadetime: Speed of the transition. Use 1 as slowest speed.

Looping: Repeat option in sequential mode.

xpos and ypos: The offset of the image in its container. Use 0 as default.

7. JA News Module

JA Xenia have just set a new style of displaying your content in the frontpage with JA News Module. To make your front page looks like the demo, please download mod_janewsmodule.zip and then install JA News Module following these instructions:

Install
Go to your Administration Panel, Site -> Template Manager -> Module Positions

* Add a module position named ja-news and click the button Save
* Go to Installers -> Install Module then install JA News Module.
* Go to Modules -> Site Modules and then select JA News module
* Set the basic configuration of JA News module like this image (notice the module position: ja-news, show title: off)

JA News Configuration
JA News module consists two part as you see in the Demo. The first part of the module is JA Ajax Headline, which shows the latest frontpage news items in a rollover box. The second part is the other news classified by your categories. Here's the full description of JA News module's parameters.
Headline part:
Module Class Suffix: Please set "-janews" as the module class suffix of the module.
Show Headline: Determine whether the headline was showed.
Headline text: Title of the headline if showed.
Number of headline news: Number of items in the rollover box. These items is your latest frontpage items.
Auto Roll: Set the rolling state for first time user.
Rolling delay time: Delay time of the roll between two items in rollover box (in seconds).

Other news part:
Category ID: Categories that your news items will be selected from, separated by commas. Leave it blank means all categories will be selected.
Link Items: Number of other items listed in each category.
Max Chars: Limit the number of characters in the showing item of each category.
Image Width: Fixed width of the image of news item.
Image Height: Fixed height of the image of news item.
Columns: Number of columns division.
Show Intro: Determine whether the intro text was showed.
Show Image: Determine whether the image was showed.
Hint: To know what id is your category, go to Content -> Category Manager and look at the Category ID column.

Disable Joomla! original frontpage
Go to Menu -> mainmenu to open main menu settings:

Select Home menu item:

Set the value of Leading and Intro to zero (0):

* That's all! Now your Joomla! frontpage will looks completely different.

8. Modules Style

JA Xenia offers you many styles of module suffix to help you to get impressions from your blocks. Add the module suffix '-brick', '-green', '-blue' to fit the highlight module with your color theme.

9. Other Notices

* If you want to change or remove something in the footer, just open the "ja_xenia/footer.php" then modify it to suite your needs.
* The may show some extra padding and margin. To solve this problem, go to your Joomla! Administrator -> Mambots -> Site Mambots and change the margin and padding parameters of MOS Image mambot to 0.
* PSD/PNG files and fonts can be found in the template's source package. Please download the file at our download page in case you need to modify something.
* You can easily enable and/or disable the tools in JA Xenia. Go to the 30th line of "ja_xenia/index.php" and change the value of $ja_tool to the value you want. For example, 0 is disable screen and color, 3 is enable both.

* JA Xenia template also supports multiple colors. To add another color, go to the 21st line and add the color you want to the array $ja_color_themes.
The css of each color located at folder "ja_xenia/css/colors". You should name the css file match with the new color you've created.

Please report bugs of Xenia in this thread. Thank you for the reading.

< Prev		Next >