Thursday, Nov 21st

Last update 06:02:40 PM EST

Uncategorized

Uncategorized (3)

Monday, 14 September 2009 23:16

10 Things you MUST know about Teline III

Written by Administrator

1New Joomla template framework introduced

New Joomla template framework introduced

2 7 New modules & plugins

 9 New  modules & plugins

You need a paid membership on JoomlArt to view links listed above. Not have account yet? You check screenshorts and Live demo instead.

3 Iphone & Handheld Native support & optimization

Iphone & Handheld Native support & optimization

Cross-browser compatibility now refers to not only computer-based browsers but also handheld device screens. There might be time you wonder how your site looks in an iPhone?

JA Teline III is fully compatible with handheld device. It automatically detects handheld device screen ((iPhone, Android, Opera Mini, Blackberry, Palm, Windows etc.,) to load respective layout.

  • Navigation is simplified with simple HTML
  • Content is resized and rearranged but it still keeps the normal arrangement (so that user can find his favorite content as when he views via his computer)
  • Images is resized and optimized (internet connection via mobile is always slower than computer)
  • Supports both portrait + landscape view on iphone
  • Option to change to Desktop view (normal layout) if one wish

4 SEO Utimate - Content first , content on the top

SEO Utimate - Content first , content on the top

In default & other Joomla templates, site content are normall loaded in the standard consequence: header »» left modules »» mainbody »» right module »» footer. With JA teline III, this order has been improved:

header »» mainbody »» left modules »» right module »» footer

So, with this new order, the search bots will be able to find important contents & keywords easier and certainly will increase your ranking in the search result pages

5Social & Community Ready

Social & Community Ready

Increase reader engagement around your content, generate social traffic drive via popular web2.0 tools:

  • IntenseDebate, DisQus, JS-Kit: Noticeable commenting systems - Encourage conversation, bring the value of insightful comments.
  • AddThis, AddToAny: Social bookmarking and sharing service.
  • Twitter: A real-time short messaging service - Share.Update.Connect Twitter stream

JA Teline III puts all those handful tools together. It's just a matter of configuration, then your Joomla site is ready to enrich your site's community.

6News, Community or Simple Cooperate Identity

News, Community or Simple Cooperate Identity

As you can see the customization power of JA Teline I & II, JA Teline III is not just an online-magazine! Explore JA Teline III for more, creating your own community or simply branding your cooperate identity etc.,. Rich addons and standardized development on JoomlArt new template framework base make all your custom use possible.

7Flexibility Layout, Customization as easy as 1,2,3

Flexibility Layout, Customization as easy as 1,2,3

Starting new things from JA Teline III, you will find modification works are not too complicated. Div-based development approach, well-commented code, validated markups drive you to custom our original design concept to new-high level without hassle.

8JA Voice, JA Job Board Integration Ready

JA Voice, JA Job Board Integration Ready

JA Teline III is JA JobBoard and JA Voice Ready. Download and Install the JA Teline III Extra quickstart and walk right into the back-end and front-ends of the two enterprise components developed by JoomlArt. Or download the Enterprise Components (JA Voice | JA Job Board) and install them as normal Joomla extensions, they will snugly fit into your website...

JA Voice: A Joomla-based feedback component - a new way to start a constructive conversation, emails and forums are now history. It enables gathering thoughts, ideas, feedbacks from users/ customers in an organized structure, where ideas can be commented, voted up or down in a transparent way. Try it to Know it...

JA Jobboard: A full-functioned recruitment component for Joomla 1.5. Allows you to create and run a fully automated Job site with tools to manage jobs, resumes, applications and subscriptions. Yes, its rich with features and strongly scalable and easy to use for you and for your users. Try the demo now...

9 It's in JA top priority for support, updates & improvements

It's in JA top priority for support, updates & improvements

JA Teline III is an hardwork of over 3 months of preparations, starting from new framework upto development of new compatible extensions. No doubt that Teline III is a major JA template for the year 2009 and be assured of priority support and future updates.

10 JA Teline III Contest coming, so you get more chances to download the variations

JA Teline III Contest coming, so you get more chances to download the variations

Above everything, its always a pleasure to see the real usage of JoomlArt templates. We are always keen and glad to see different instances of our templates. It also adds to our ideas about further developments. this strongly motivates JoomlArt to organize a community contest to choose the best JA Teline III implementation.

We warmly welcome all web designers, developers or anyone who love web stuff to join us at the contest. Participation into this special event will surely bring in lots of fun, valuable connection to share web hobbies, knowledge or even make you/your skills widespread-known. Not to mention interesting Gifts from our side.

Friday, 11 April 2008 02:47

Typography

Written by Administrator

This page presents most of typographical aspects of JA T3v2 Framework. Make your readers happy with great Typography and User Experience!

Preformatted text

Headings

This is a sample Heading 1. Lorem ipsum.

This is a sample Heading 2. Lorem ipsum.

This is a sample Heading 3. Lorem ipsum.

This is a sample Heading 4. Lorem ipsum.

This is a sample Heading 5. Lorem ipsum.

Special Content

Below is a sample of <pre> tag or code class:

#ja-rightcol {
  width: 180px;
  float: right;
  color: #EEEEEE;
}

This is a highlight phrase. Use <span class="highlight">Your highlight phrase goes here!</span>.

Blockquote

This is a sample Blockquote. Use <blockquote>Your quote goes here!</blockquote> to form a quote!
This is a sample Blockquote. Use <blockquote><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> to form a quote!

Dropcaps

This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Templates bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. Use <p><span class="dropcap">T</span>Your content goes here!</p> to form a dropcap!

Lists Style

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur
  4. Lorem ipsum dolor sit amet consectetur

Un-Ordered List

  • This is a sample Unordered List.
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

Definition List

This is a sample Definition List.
Condimentum quis.
Congue Quisque augue elit dolor.
Congue Quisque augue elit dolor.

Special Unordered Lists

  •  This is a sample Arrow list.
  •  Use <ul class="ja-typo-list list-arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
  •  This is a sample Arrowlist.
  •  This is a sample Star list.
  •  Use <ul class="ja-typo-list list-star"><li><span class="icon"> </span>List's content goes here!</li></ul>
  •  This is a sample Starlist.
  •  This is a sample Check list.
  •  Use <ul class="ja-typo-list list-check"><li><span class="icon"> </span>List's content goes here!</li></ul>
  •  This is a sample Checklist.

Block Number

01Use <p class="blocknumber blocknumber-1"><span class="bignumber">01</span>Your content goes here!</p>

02Use <p class="blocknumber blocknumber-1"><span class="bignumber">02</span>Your content goes here!</p>

03Use <p class="blocknumber blocknumber-1"><span class="bignumber">03</span>Your content goes here!</p>

AUse <p class="blocknumber blocknumber-2"><span class="bignumber">A</span>Your content goes here!</p>

BUse <p class="blocknumber blocknumber-2"><span class="bignumber">B</span>Your content goes here!</p>

CUse <p class="blocknumber blocknumber-2"><span class="bignumber">C</span>Your content goes here!</p>

aUse <p class="blocknumber blocknumber-3"><span class="bignumber">a</span>Your content goes here!</p>

bUse <p class="blocknumber blocknumber-3"><span class="bignumber">b</span>Your content goes here!</p>

cUse <p class="blocknumber blocknumber-3"><span class="bignumber">c</span>Your content goes here!</p>

Icons Style

 Use <p class="error"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="message"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="tips"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="key"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="tag"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="cart"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="doc"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="note"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="photo"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="mobi"><span class="icon"> </span>Your message goes here!</p> to make this.

Bubbles

Grey Bubbles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Blue Bubbles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Black Bubbles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Rounded Grey Bubbles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Rounded Blue Bubbles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Rounded Black Bubbles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien.

  Author Name

Message Boxes & Legend Styles

Message Boxes with Icons

This is a sticky. Use <p class="box-sticky">Your clip note goes here!</p> to create a clip note!

This is a download box. Use <p class="box-download">Your download goes here!</p> to create a download box!

Message Boxes - Style 1

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Message Boxes - Style 2

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Rounded Message Boxes with Icons

This is a sticky. Use <p class="box-sticky">Your clip note goes here!</p> to create a clip note!

This is a download box. Use <p class="box-download">Your download goes here!</p> to create a download box!

Rounded Message Boxes - Style 1

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Rounded Message Boxes - Style 2

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Legends

Legend - Style 1

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Legend - Style 2

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Rounded Legends

Rounded Legend - Style 1

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Rounded Legend - Style 2

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Buttons & Tags

Squared Tags

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

Rounded Tags

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

Special Module Style

 
Use module suffix: _badge badge-top to put this badge on any module you like!
 
Use module suffix: _badge badge-new to put this badge on any module you like!
 
Use module suffix: _badge badge-pick to put this badge on any module you like!
 
Use module suffix: _badge badge-hot to put this badge on any module you like!

Forms

Form Fieldset

Templates Fieldset Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac.
Special Fieldset - Style 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.
Special Fieldset - Style 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.

Form Elements





Thursday, 12 October 2006 04:26

Example Pages and Menu Links

Written by Administrator

This page is an example of content that is Uncategorized; that is, it does not belong to any Section or Category. You will see there is a new Menu in the left column. It shows links to the same content presented in 4 different page layouts.

  • Section Blog
  • Section Table
  • Blog Category
  • Category Table

Follow the links in the Example Pages Menu to see some of the options available to you to present all the different types of content included within the default installation of Joomla!.

This includes Components and individual Articles. These links or Menu Item Types (to give them their proper name) are all controlled from within the Menu Manager->[menuname]->Menu Items Manager.