• Narrow screen resolution
  • Wide screen resolution
  • Auto width resolution
  • Increase font size
  • Decrease font size
  • Default font size
Site Controls

JoomlArt Tutorials

Saturday
Sep 06th
Home arrow ReadMe arrow JA Bellatrix
JA Bellatrix
(2 votes)
Written by MiCCAS   
JoomlArt: JA Bellatrix - User's Guide

Menu Types Configuration

JA Bellatrix offers you 4 types of our traditional menu. The menus applied are JA Split Menu, JA CSS Menu, JA Transmenu and JA Script Dropline Menu

To choose your menu type, go to the 32rd line in the "ja_bellatrix/ index.php" and change $ja_menutype to what you need.
1 is Split Menu, 2 is CSS Menu, 3 is Transmenu and 4 is Script Dropline menu.



Note: If you decide to use one of these menu, don't forget to unpublish the module name Main Menu in your administration panel to make your site look smoother.

Screen Resolution Configuration

JA Bellatrix allow you to set 3 types of screen resolution. You can easily config JA Bellatrix template's width by modifying the Template Configurations part in the "ja_bellatrix/index.php".

To choose which screen's width you want to use, go to the 24th line of the "ja_bellatrix/index.php" file and change the value of $ja_width_default to 'wide' (1024x768), 'narrow' (800x600) or 'auto' (100% width).



Font Resizer Configuration

You can also configurate the font resizer function. Go to "ja_bellatrix/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.



Color Theme Configuration

You can configure the default color theme of JA Bellatrix too. You can switch it to alternate to make the template fit in your overall theme. We provide the alternate colors 'brick' and 'green' beside the 'default' blue style.



To specify the default color of your site, go to the line 26th of the "ja_bellatrix/index.php" and replace the value of $ja_color_default to the color your want.

JA Collapsed Module

In the demo, JA Bellatrix are using the favourite JA Collapsed Module. If you want to use this module, please follow these steps.

* Go to your Administration Panel, and choose the Modules in Install Menu.



Then, choose the jacollapsedmodule.zip (you can download the file in JA Zibal Club Download Folder). And then, press the Upload & Install button.
* After successfully installed, the modules will be placed at menu Modules -> Site Modules



Navigate through the list and select JA Collapsed Module.



* In Module Detail Settings, please set up the module attributes look like this image.



* In Module Parameter Settings, please set up the module parameters look like this image



Typography

Beside the traditional typography since JA Pollux, JA Bellatrix has been multiplied with 3 more typography styles:

* The Sticky Note. Use <p class="stickynote">Your note</p> to form a sticky 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

Other Notices

* If you want to change or remove something in the footer, just open the "ja_bellatrix/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 Bellatrix. Go to the 30th line of "ja_bellatrix/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 Bellatrix 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_bellatrix/css/colors". You should name the css file match with the new color you've created.

* If you want to highlight the left or right module, just add the module class suffix -hilite to your module parameter.
* 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;">
<img src="your image source" width="60" height="75" hspace="0"
vspace="0" alt="Sample Image" title="Sample Image" border="0" />

</div>
Your content goes here
Remember to turn off the Rich Text mode in your Content Editor.
 
< Prev   Next >