Joomla Templates Club 406,261 posts

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#132128

JA Regulus & JA Regulus Extra – Userguide for Joomla! 1.0.x

In our schedule for July template release, we have launched JA Regulus – a modern template design using moofx Roller Animation technique in a very creative way. This is an amazing adoption of the popular Flash header with horizontal animation which you can see very frequently on the Web.

With aim to apply multi-techniques to our templates, the extra version of JA Regulus also has been launched adding Suckerfish menu and Transmenu to integrate more diversified and twinkle effects into the horizontal menu.

Together with the traditional JA Split Menu, JA Regulus, in its extra version, has two more types of menu: the first one is the JA CSS Menu, dropdown menu entirely made by CSS positioning – very light and adaptive, based on Sons of SuckerFish Dropdown Menu; the second one is the JA Transmenu with XHTML validated which has been popularized widespread on Joomlart.com .

With JA Regulus Extra, you could still enjoy all typical features of JA Regulus which are left unchanged in this extra version. No flash file is used, no <table> is found in the template 100% <div> and Css based, no change to core Joomla file. Unlimitted Joomla user modules are loaded into the template with up to 10 module positions. By default, 5 users modules are loaded (user5, user6, user7, user8, user9) as you can see in our live demo.

For more information on JA Regulus and JA Regulus Extra, please visit JA Regulus – JA Regulus Ex.

I. TEMPLATE

1.1 Template Installation

Download template package named: JA Regulus for joomla 1.0.x

Proceed installation of JA Regulus as other normal Joomla! templates. If you don’t know how to do installation or set a template as default, please check the How to install Joomla! template guide.

After installing and setting JA Regulus as default template, your site should look like this:

To see position located in site, in Navigation toolbar input string “?tp=1” at the end of site link

1.2 Template Configuration

To configure JA Regulus template, check How to configure Joomla! template guide!

You can change all JA Regulus parameters as you wish.

1. Font size : Increase/Decrease font size (from 1 to 6).
2. Menu Module: include Split/CSS/Trans menu
3. Screen: type of template screen (Wide/Narrow screen)
4. Display template tool: tool will be displayed on frontpage, you can Enable all or Disable all tools

JA Regulus module positions are available here. You just need to configure your modules to be loaded on those positions to match JA Regulus style.

If you don’t know how to create module position in Joomla!, please follow this guide

1.3. Other notices

• If you want to change or remove something in the footer, just open the “ja_regulus/footer.php” then modify it to suite your needs.
• The {mosimage} 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 Regulus. Go to the 29th line of “ja_regulus/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 Regulus template supports 2 colors integrated with multiple header images. These headers are well matched with each color and stored in the color folders of the template.

To add another header images, go to the 20th line and add the name of the image to the array $ja_header_images. You should add the file with the same name to every folder of the color you are using (located at folder “ja_regulus/images/color name“).

• JA Regulus template also supports multiple colors. To add another color, go to the 18th line and add the color you want to the array $ja_color_themes. The css of each color located at folder “ja_regulus/css/colors“. You should name the css file match with the new color you’ve created.

II. SETTING UP JA MOOFX ROLLER

JA MooFX Roller is a new cool feature using moofx library developed by Valerio Proietti (http://moofx.mad4milk.net )

2.1 Configurations

Here’s a little configuration to help you play with the roller.

• Firstly, open the file “ja.moo.roller.config.js” located in the /ja_regulus/scripts folder.

• In line number 3, you’ll see: var autoroll = true. That means the roller will automatically run when the page is loaded. To disable it, change true to false. Notice: once you select Play or Pause, the status of this button will be remembered to the next pages. The autoroll value is only used as default.

• In line number 4, there’s: delayroll = 4000. This is the time (by miliseconds) between two animations when the roller is in playing mode.

• In line number 5, there’s: rollspeed = 400. This is the duration (by miliseconds) of an animation. Set it faster or slower if you want.

• In lines number 7, 8, 9, 10, there are CSS configuration of this roller. If you have some CSS skill, you can change it to your CSS to suit your feelings.

2.2 Adding another Roller

If you want to add another content in the roller, do the following steps:

1. Open the file “ja_regulus_ex/index.php“
2. Add the content into this div tags format, and add the divs into the div with id named “roller-outer” (around line 141st)

The extra-class can be from roller-one to roller-five or anything you want. The backgrounds of the roller is defined in extra-classes too.

3. If your content’s always showing, add $num_of_clickers++; right before $num_of_clickers = 0; (around line 184th). If your content is under some condition, add if ($condition) $num_of_clickers++ instead of the previous method.

2.3 How to make it look the same with our demo

To make the content of the roller looks like the demo, please follow these simple steps:

1. Go to your Joomla! Administrator -> Modules -> Site Modules then click New button
2. Enter the title in the Title field then select one of these 5 module positions in Position combo box ( user5 to user9)
3. Type your prefer content for the roller into the Custom Output text-area. Example mark-up is below

Tips: Don’t put too much text to the roller.

III. MODULE STYLES

JA Regulus provides three types of module class suffix. To make a module showed in hight light mode module (like the “Did you know?” module in the demo page), add the class suffix -green or -yellow to your module parameter. If you’d like to set a module to be another color, you only need to follow the instructions I’ve set out for you below:

• Go to your Joomla! Administrator -> Modules -> Site Modules area and open the module you wish to change colors for
• Find the “Module Class Suffix” field and enter the Suffix you want.
• Save the module

IV. FREQUENTLY ASKED QUESTION

Q: I want to add a template position in to my Joomla!
A: Go to your Administration Panel, Site -> Template Manager -> Module Positions. Add your template positions and hit the Save button.

Q: Where can I change my footer?
A: If you want to change or remove something in the footer, just open the “ja_justicia/footer.php” then modify it to suite your needs.

Q: My images take a lot of white space and do not look good?
A: The {mosimage} 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.
Q: Images without caption are stuck with text?
A: It is because Joomla! generates the code different when {mosimage} has and doesn’t have its caption. So when you decide that the image will not having a caption, put it between the div tag like this <div class=”mosimage” style=”float: left;”>{mosimage}</div>

Q: What’s a module style? And module class suffix?
A: Almost modules offer you a parameter called Module Class Suffix. Set a value for this parameter and you will have your module’s appearance differs from the others. JA templates often provide you some module styles which can be found in Module Styles area of the guide.

[Author]

Posts