Home ReadMe JA Justicia

JA Justicia

Written by MiCCAS

1. Introduction You are a designer looking for a good template for your showroom? Or a business man selling art works? Time to come, JA Justicia has been released. 2. Template Installation a. In Administration area choose Installers->Templates - Site b. Click browser and choose template in zip format which you have downloaded from JoomlArt.com and click Upload file & Install c. Choose JA Justicia as your default template. 3. Menu Types Configuration JA Justicia offers you 5 types of our traditional menu. The menus applied are JA Split Menu, JA Suckerfish Menu, JA Transmenu, Moo Menu and JA DropLine Menu. You can view the menu in action here To choose your menu type, go to the 32nd line in the "ja_justicia/ index.php" and change $ja_menutype to what you need. 1 is Split Menu, 2 is Suckerfish, 3 is Transmenu, 4 is Dropline Menu 4. Screen Resolution Configuration JA Justicia allow you to set 2 types of screen resolution. You can easily config JA Justicia template's width by modifying the Template Configurations part in the "ja_justicia/index.php". To choose which screen's width you want to use, go to the 24th line of the "ja_justicia/index.php" file and change the value of $ja_width_default to 'wide' (1024x768), 'narrow' (800x600), 5. Font Resizer Configuration You can also configurate the font resizer function. Go to "ja_justicia/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. 6. Colour Configuration JA Justicia comes with 3 colours, the default black and the alternate colors. To change default template color, go to line 26th in "ja_justicia/index.php" and change $ja_color_default to the color you want ('default', 'red', 'green') 7. Tools Configuration To enable/disable the font and resolution resizer, you can use the variable $ja_tool in the 30th line Set to 0 to disable all, 1 to enable resolution, 2 to enable font tool and 3 to enable both resolution and font, 4 to enable only color, 5 is to enable color and resolution, 6 is to enable color and font and 7 is enable all. 8. 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 <div class="blockquote"><blockquote>Your quote goes here!</blockquote></div> The Hilight Blockquote. Use <div class="quote-hilite"><blockquote>Your quote goes here!</blockquote></div> Rounded Speech Bubble. Use <div class="bubble1"> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div>Bubble </div> Square Speech Bubble. Use <div class="bubble2"> <div> Your Bubble goes here! </div>Bubble </div> The traditional ones are: The Sticky Note. Use <p class="stickynote ">Your note</p> to form a sticky note The Download Note. Use <p class="download">Your note</p> to form a download box The Block Number. Use <p class="blocknumber"><span class="bignumber">Number</span>Your content</p> to form a block with big number. 9. Module positions When you add a module, please choose suitable position for it. 10. JA Slider Gallery (Module Position: slideshow) a. In Administration area choose Installers->Modules b. Browse your module zip file which you have downloaded from JoomlArt.com and click Install c. Go to Site->Template Manager->Module Positions d. Add new module position named "slideshow" by fill in a blank and click Save e. Go to menu Module->Site modules and choose module named JA Slider Gallery to edit f. Config your JA Slider Gallery: Width of images: Width of the image will be displayed Height of images: Height of the image will be displayed Width of thumbnail: Width of thumbnails will be displayed Height of thumbnail: Height of thumbnails will be displayed Number of thumbnail: Number of thumbnails will be displayed Padding of thumbnail: Space between two thumbnails Images Folder URL: Folder contain images to display Duration time of Big images: Big images animation time (in milliseconds) Duration time: Thumbnail navigation animation time (in milliseconds) Interval time: Time for images wait before rolling (in milliseconds) Order by: Order of Images in Gallery Sort Order: Sort order of Images in Gallery Set image array display: If you want to display some specific images only, please define them here, each image's name separate by comma (,) Auto run thumbnail navigation: Set the thumbnail navigation will automatic run or not Auto resize images: Select Yes if you want it to auto resize your images Use lightbox: Set to use lightbox or not, if No then your images will open in new popup when click Direction of thumbnail navigation: Set the direction of thumbnail navigation when it's running 11. JA News Moo Configuration (Module Position: right) Choose JA News Moo from menu list like above, you will see the configuration page Parameters explain Category: Category for JA NewsMoo to display Include Mootools Library: Use Mootools Library or not Display mode: Display news in Horizontal or Vertical Animation Direction: Set the direction to Up/Left or Down/Right Numbber of characters: How many charactors will be displayed to describe the new Numbber element: How many elements will be displayed Open Width: Width of Element when open Open Height: Height of Element when open Small size: Size of element when collapse Default Open: Item will open by default, set to -1 for no default open Duration time: Time for animation Linked Titles: Make the item linkable Show readmore: Show the "Read more..." link 12. JA News Light Configuration (Module Position: newslight) Choose JA News Light from menu list like above, you will see the configuration page Parameters explain Add Module CSS: Add ja-news.css included in the module Add CSS to Header: If the module CSS file is added, try to add it to header (to make HTML Validate) Category: Category for JA NewsLight to display Max chars: How many charactors will be displayed to describe the new Image Width: Set the image width in pixel (set to -1 to leave it at default size) Image Height: Set the image Height in pixel (set to -1 to leave it at default size) Columns: Set how many columns per row, set to 0 to disable other news numbercontent: How many articles in this category will be shown Show Intro: Show the intro text of the article Show image: Show images or not Show Readmore: Show readmore link or not 13. Tips & Tricks To have best presentation like JA Justicia demo, you have to config content item not show on frontpage by these steps: In administrator area, go to Menu~Mainmenu and click to Home In right zone, you will see Headline, Intro, Link set all of them to 0 to invisible all content in frontpage. And create your customs module, publish them in user1, user2, user5 modules. 14. Frequently Asked Questions 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 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 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;"></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? A: JA template use client's cookie to save your preferences. If you made change to default value, please close the browser, open a blank new window and then clear the browser's cookie. You'll see the new preferences applied. Q: Some of my menu looks horrible. Why? A: Menus in JA templates are designed with the most semantic mark up are used over the net, it's the list style. If you made change to the menu type, go to you menu module and change the menu type parameter to Flat List. It will solve the problem. Q: I want to change some graphic contents A: 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.

 

< Prev		Next >