Joomla Templates Club 406,261 posts

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#131420

JA Kulanite – Userguide for Joomla 1.0

• For users who start your Joomla! site at the beginning, I recommend you using QuickStart package of JA Kulanite, named as ja_kulanite_quickstart.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:

• How to install JoomlArt QuickStart package?

• How to create a new module position in Joomla!

• How to install JoomlArt template?

• For users that already have a site with contents and other extensions installed, please follow my instruction below to understand how JA Kulanite works:

I. TEMPLATE

1.1 Template Installation

After downloading JA Kulanite package and extract it, you will find template package named: ja_kulanite_template.zip

Proceed installation of JA Kulanite 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 Kulanite as default template, your site should look like this:

It looks a bit mess up. You also will notice that the area of content are empty. That will be the space for JA News. We will install it in next some minutes.

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 Kulanite template, check How to configure Joomla! template guide!

You can change all JA Kulanite parameters as you wish.

1. Logo type: Logo display in site, has two type: Image and Text
2. Logo text: text displayed in logo if you choose Logo type is Text.
3. Slogan: Slogan displays below logo
4. Font size : Increase/Decrease font size (from 1 to 6).
5. Template Width: type of template screen (Wide/Narrow screen)
6. Color Variation: 3 color themes (Default, Cyan, Green)
7. Menu Type: type of menu displayed in site (Mainmenu/Topmenu…..)
8. Menu Module: include Split/Css/Moo menu
9. Show Component: two option Yes or No

JA Kulanite module positions are available here. You just need to configure your modules to be loaded on those positions to match JA Kulanite style.

If you don’t know how to create module position in Joomla!, please follow this guide

II. EXTENSION INSTALLATION

When extracting JA Kulanite package, you will see the folder named Extension with all extensions built in the JA Kulanite, including JA News, JA Newsflash, JA Tabs modules and JA Tabs Mambot. That means when you install via template installer, you need to install JA News, JA Newsflash, JA Tabs modules and JA Tabs Mambot separately, then configure their positions as instructed in Template configuration section.

You check How to install Joomla! module guide and How to install Joomla! mambot guide for installation.

Here are extensions used in JA Kulanite:
Note: [xx] before each extension is its position.

• [ja-news] JA News module (version 1.3.1)
• [user5] JA NewsFlash module
• [user7] JA Tabs module
• JA Tabs Mambot

And extension details as follow:

2.1. JA News Module (mod_janews.zip)
[position: ja-news]

JA News Module is an advanced module from JoomlArt to display your content items at frontpage according to specific sections or categories.

After installed, please go to Modules >> Site Modules and click on JA News 1.3.1 name to go to configuration page.

Here is the setting of JA News on demo:

Parameters Explaination:

• Hidden Classes: This param define which tag contain these classes will be exclude while fetch content to JA News. For example:

Here is your content:

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis. Quam hendrerit pretium ut In vitae congue Suspendisse tellus Nunc at. Et ut Nulla fermentum <input class=”mybutton” type=”button” value=”my button” name=”my_button” />.
Suspendisse urna Aliquam Nulla tempus. Et magnis neque Suspendisse urna Aliquam Nulla tempus. Et magnis neque.

and you set your max chars = 200 (or something else, this value is just example), the output content will be:

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis. Quam hendrerit pretium ut In vitae congue Suspendisse tellus Nunc at. Et ut Nulla fermentum <input class=”mybutton” type=”button” val…

But if you put mybutton in hidden classes box, your out put content will be:

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis. Quam hendrerit pretium ut In vitae congue Suspendisse tellus Nunc at. Et ut Nulla fermentum <input class=”mybutton” type=”button” value=”my button” name=”my_button” />.
Suspendisse urna Ali…

You see that your input tag (with class “mybutton” you have define) has been excluded.

• Category (Section) ID: This will define which category(section) will be displayed in JA News. You just need to declare sectionID or categoryID as follows:

13
14
8
12
5
9
11

For other parameters, you can easily understand by hover your mouse to its name.

2.2. JA NewsFlash Module (mod_janewsflash.zip)
[position: user5]

After installed, please go to Modules >> Site Modules and click on JA NewsFlash name to go to configuration page.

Here is the setting of JA NewsFlash on demo page

Here is the details for each parameters of JA NewsFlash:

• Category: Select category here to display in JA NewsFlash
• Rolling delay time: The time in seconds between 2 articles.
• Animation time: The time in miliseconds for animation effect.
• Template: The template for News to display:

<div style=”overflow:hidden;”><div class=”nfimages”>##IMAGE##</div><div class=”nftitle”>##TITLE##</div><div class=”nfcontent”>##CONTENT##</div></div>

The syntax for template is :
You can put any HTML code here. When you want to display Images or Title or content of article, please put these to your HTML code:
##IMAGE##: Image from article
##TITLE##: Title of article
##CONTENT##: Content of article

2.3. JA Tabs Module (mod_jatabs.zip)
[position: user7]

JA Tabs module used to display your specific content, categories, section as well as modules in TABS. You can specify module position to display, or using JA Tabs syntax for advanced features

In the setting of JA Tabs module:

You can select what will be displayed in JA Tabs block. It can be modules or content.

• If module selected, you can select module position from the dropdown box. All modules from that position will be display in tabs.
• If content selected, you can put your JA Tabs string to the textarea.

To understand the JA Tabs string syntax, please follow this link: JA Tabs Userguide

2.4. JA Tabs Mambot (ja_tabs.zip)

JA Kulanite came with JA Tabs mambot, an advanced tool in creating and presenting your content as well as modules on frontpage. All of them can be well align in tabs.
For the syntax of JA Tabs and how to use it, please follow this guide here:
JA Tabs Userguide

III. TYPOGRAPHY

JA Kulanite came with a rich typography to give users more ability to customize content look and feel. Please check all JA Kulanite typography here at JA Kulanite Typography

IV. FREQUENTLY ASKED QUESTION

Q: How can I create module position in Joomla! ?
A: Please follow this guide to create module positions.

Q: How can I make a custom HTML module?
A: In Module Manager, Click on New button. Then select Custom HTML, and click Next. Fill your HTML code to Custom Output textarea and click Save. You will have a new Custom Module as you expected.

Q: Why I need to do many things to make template work? Why don’t you just provide template only?
A: JoomlArt template is More than just a Template. When you download template package from JoomlArt, you will have all extensions included. The template simply will not be perfect without a hand of extensions. It will not only make your site more attractive but also provide users more features and ability to explore your site easier.

---

Attachments:

1. 
2. 

[Author]

Posts