Documentation

Template Settings

You can access to template manager with the top menu : "Extensions --> Template Manager --> joomspirit_69"

With "JoomSpirit_69 template", you can :

• Set the width of your website (in pixels or %) ,the left and right column (in percentage only)
• Set the color of active links, title h2 and background menu item.
• choose your font for the menu + article title + module title , and another for the content
• Display or not your social links
• choose the font size

Typography

Module Positions

Example for the "address" position : go to the module manager and create a new module with the option "custom html". Write your address or/and copyright and choose the position "address".

How to display your logo ?

To insert your logo, you must create a new module (option "Custom html"), insert your logo inside with the position "logo" and publish it. If the width of your image is too important, the image size automatically adjusts.

How to configure the main menu ?

Drop down menu

To display a drop down menu, you must select your main menu in module manager and enter this settings :

• position : "menu"
• menu style : "list" (only for Joomla 1.5)
• Always show sub-menu items : "yes"
• Module class suffix : "dropdown"

Note for mobile devices : the parent item must be a link (don't use the type text-separator). If you doesn't want display a new page when you click on the parent item (like the item "features" on my demo), choose the type "external url" and enter the # in the url field :

Standard menu

To display a standard menu, you must select your main menu in module manager and enter this settings :

• position : "menu"
• menu style : "list" (only for Joomla 1.5)
• Always show sub-menu items : "yes"
• Module class suffix : "submenu"

Module class suffix :

Options for displaying your modules in the "left" or "user" positions :

• Without module class suffix : No styling for your list and the links.
• With the module class suffix " link" : you add an arrow before your link. I use this setting for the module "latest news" on the left side.
• With the module class suffix " border" : you add a border around your module. I use this setting for the module user4, user5 and user6 below.
• With the module class suffix " grey" : you add a soft grey background. I use this setting for user4 below.

Note 1 : You can enter several Module class suffix. Per example I enter "grey border" .

How to display the slideshow on the demo ?

For that, use the free module "Ari Image Slider" by Ari Soft

You can find this module in this package

Install the module and edit it :

• choose the position : "user2"

These are my settings for this demo :

Tips for lighbox effect

I recommend you to use the plugin Sigplus gallery because I added a code to stretch the thumbnail. When you resize your browser : the thumbnail automatically adjusts.
See an example here.

Tips for the user modules

In the template manager, you can choose the width for user4 and user6. The width of user5 automatically adjusts.

So, if you publish only one user module : publish user5 (for a width of 100%).

If you publish two users module : publish user4 and user5, or user5 and user6.

It's the same thing for user1, user2, user3.