Saturday
Sep 06th
| JA Zebrina |
| Written by MiCCAS | |
|
JoomlArt: JA Zebrina - User's Guide 1. Menu Types Configuration JA Zebrina offers you 3 types of our traditional menu. The menus applied are JA Split Menu, JA CSS Menu and JA Transmenu To choose your menu type, go to the 32rd line in the "ja_zebrina/ index.php" and change $ja_menutype to what you need. 1 is Split Menu, 2 is CSS Menu and 3 is Transmenu  Note: JA Transmenu doesn't support JAAX Load due to different JavaScript scheme 2. Screen Resolution Configuration JA Zebrina allow you to set 3 types of screen resolution. You can easily config JA Zebrina template's width by modifying the Template Configurations part in the "ja_zebrina/index.php". To choose which screen's width you want to use, go to the 24th line of the "ja_zebrina/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_zebrina/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 Zebrina too. You can switch it to make the template fit in your overall theme. We provide the alternate colors 'brick', 'cyan', 'green' and 'light' beside the 'default' orange style.  To specify the default color of your site, go to the line 26th of the "ja_zebrina/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 Zebrina has been multiplied with 4 more typography styles: * The Sticky Note. Use <p class="stickynote">Your note</p> to form a sticky note * The Pin Note. Use <p class="pinnote">Your note</p> to form a pin note * The Clip Note. Use <p class="clipnote">Your note</p> to form a clip note * The Block Number. Use <p class="blocknumber"><span class="bignumber">Number</span>Your content</p> to form a clip note 6. JAAX Integration JAAX Loaded for Joomla! is out after many efforts. Because it's still in beta stage, we have only succeeded to make it works well with Internet Explorer 6 and Mozilla Firefox. Due to some incompatiblities of browsers and Joomla!'s [Back] button, Safari, Konqueror and IE 7.0 is not supported and users using these browsers will surf the page like the normal way they always do. We'll try our best to provide a solution and an upgrade for this integration in the near future. If you still want to turn this off, simply go to the 33rd line of the index.php file and set $ja_using_ajax to 0. JAAX  Note: If you want to alter the loading picture, there's a bunch of it located in Zebrina download section, upload the files you want to images folder of the template. 7. Modules Style JA Zebrina offers you many styles of module suffix to help you to get impressions from your blocks. Add the module suffix '-blank', '-clip', '-pin', '-task' and '-hilite' to make your modules look like the Demo Page by going to Module Config and set the module suffix parameter to these values. 8. Other Notices * If you want to change or remove something in the footer, just open the "ja_zebrina/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 Zebrina. Go to the 30th line of "ja_zebrina/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 Zebrina 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_zebrina/css/colors". You should name the css file match with the new color you've created.  * You can use three modules appear in the home page with the following code: HTML Code:
<div style=" float: left; margin: 5px 10px 5px 0;"> |
| < Prev | Next > |
|---|
