-
JA Utahia – Userguide
- For users who start your Joomla! site at the beginning, I recommend you using QuickStart package of JA Utahia, named as ja_utahia_quickstart_v…_j1.0.x.zip. For instruction how to use JoomlArt quickstart package, please check the QuickStart guide
- For users who new to Joomla!, there are many useful documents available at http://joomla.org about Joomla! and how to use, please spend some time to check them out.
Here is some other guides that may useful for you:
- For users that already have a site with contents and other extensions installed, please follow my instruction below to understand how JA Utahia works:
I. TEMPLATE
1.1 Template Installation
After downloading JA Utahia package and extract it, you will find template package named: ja_utahia_template_v…_j1.0.x.zip
Proceed installation of JA Utahia 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 Utahia 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 Utahia template, check How to configure Joomla! template guide!
You can change all JA Utahia parameters as you wish.Please click here for JA Utahia module positions and its arrangement. Base on module positions, you can publish your modules on them to match JA Utahia style.
If you don’t know how to create module position in Joomla!, please follow this guide
II. FURTHER FEATURE
2.1 JA Icon MenuJA Utahia introduces the new and impressive fish-eye style menu called JA IconMenu. Here’s the step to configure this menu.
- The default menu for this menu is topmenu. If you want to change it, go to ja_iconmenu.php and change the value in line 9th to the name of the menu needed to be changed.
- To add icons to menu items, make two images sized 32×32 and 64×64 for each item, named it itemname.png and itemname-big.png. The icon should be 24bit PNG transparent format. Upload these files to images/stories folder of your Joomla!.
- Then, go to your Administration Panel >> Menu -> yourmenu.
- Choose each menu item
- Assign the itemname.png as its Menu Image.
- If you don’t want to use JA IconMenu, just set the value of $ja_iconmenu in line 34th of the index.php to 0.
2.2 Reflection Logo
Follow the following step by step to design a relection logo for your site.
Step 1: Open a new document in photoshop. Set the width/height to 400px/200px to have nice canvas area to work with your text.
Step 2: Select Type tools and choose a fonts, type out some words.
Step 3: Goto layer, duplicate layer. Accept default and click OK.
Step 4: Use the move tool, and move your layer copied Type layer down just below the previous layer.
Step 5: Goto Edit > Transform > Flip vertical.
Step 6: Click the “Add layer mask” button from the layer panel, A small white box should appear in the copied layer, Make sure to click this box so that it is highlighted and active.
Step 7: Select the Gradient tool. Accept the default Black to White gradient.
Step 8: Click at the bottom of the text and drag upward, the let go. This will cause the copied text to have the appearance of a reflection.
Step 9: This same technique can be use on color text, images, or any other ojects.
Note: You can also download a Plain text reflection guide for further reference.
III. TYPOGRAPHY
JA Utahia came with a rich typography to give users more ability to customize content look and feel. Please check all JA Utahia typography here at JA Utahia Typography
IV. FREQUENTLY ASKED QUESTIONQ: 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.Q: I changed my default color/font/resolution but when I refresh the page, it didn’t change?
This topic contains 1 reply, has 1 voice, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum