-
JA Hadar – Userguide for Joomla! 1.0.x
JoomlArt Team is happy to announce the release of a new template called JA Hadar today.
This pure CSS, tableless design, eye catching template is not only XHTML 1.0 Transitional but also CSS validated.JA Hadar comes with two versions for both normal screen and wide screen.
- For users who start your Joomla! site at the beginning, I recommend you using QuickStart package of JA Hadar, named as ja_hadar_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 Hadar works:
I. TEMPLATE
1.1 Template Installation
After downloading JA Hadar package and extract it, you will find template package named: ja_hadar_template_v…_j1.0.x.zip
Proceed installation of JA Hadar 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 Hadar 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 Hadar template, check How to configure Joomla! template guide!
You can change all JA Hadar parameters as you wish.
JA Hadar module positions are available here. You just need to configure your modules to be loaded on those positions to match JA Hadar 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_hadar/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.
- JA Hadar provides three types of module class suffix. To make a module showed in hight light mode module, add the class suffix -orange, -green or –blue 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 Administrator panel >> Modules >> Site Modules area and open the module you wish to change colours for
- Look for “Module Class Suffix“
- Save the module
II. 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.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