Article Index
Extensions
Components
Modules
Plugins
Languages
All Pages

Page 1 of 5

Out of the box, Joomla! does a great job of managing the content needed to make your Web site sing. But for many people, the true power of Joomla! lies in the application framework that makes it possible for developers all around the world to create powerful add-ons that are called Extensions. An Extension is used to add capabilities to Joomla! that do not exist in the base core code. Here are just some examples of the hundreds of available Extensions:

Dynamic form builders
Business or organisational directories
Document management
Image and multimedia galleries
E-commerce and shopping cart engines
Forums and chat software
Calendars
E-mail newsletters
Data collection and reporting tools
Banner advertising systems
Paid subscription services
and many, many, more

You can find more examples over at our ever growing Joomla! Extensions Directory. Prepare to be amazed at the amount of exciting work produced by our active developer community!

A useful guide to the Extension site can be found at:
http://extensions.joomla.org/content/view/15/63/

Types of Extensions

There are five types of extensions:

Components
Modules
Templates
Plugins
Languages

You can read more about the specifics of these using the links in the Article Index - a Table of Contents (yet another useful feature of Joomla!) - at the top right or by clicking on the Next link below.

Prev - Next >>

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

This is an Heading 1

Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.

This is an Heading 2

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.

Below is a sample of <pre> or <div class="code">

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

This is an Heading 3

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

This is a sample Ordered List.
Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

This is an Heading 4

This is a sample Unordered List.
Condimentum quis.
Congue Quisque augue elit dolor.
Nunc cursus sem et pretium sapien eget.

This is a sample Check list. Interdum Vestibulum Sed Lorem eu
Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
Lorem et nunc congue pede auctor condimentum habitasse rutrum
Nunc cursus sem et pretium sapien eget.

This is a sample Unordered list. Interdum Vestibulum Sed Lorem eu
Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
Lorem et nunc congue pede auctor condimentum habitasse rutrum
Nunc cursus sem et pretium sapien eget.

This is a sample Unordered list. Interdum Vestibulum Sed Lorem eu
Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
Lorem et nunc congue pede auctor condimentum habitasse rutrum
Nunc cursus sem et pretium sapien eget.

This is a sample Bubble. Use <div class="bubble1"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED SPEECH BUBBLE</span> </div>

ROUNDED SPEECH BUBBLE.

This is a sample Bubble. Use <div class="bubble2"><div><div><div> <div><div>Your Bubble goes here! </div></div></div></div></div><span class="author">SQUARE SPEECH BUBBLE.</span> </div>

SQUARE SPEECH BUBBLE.

This is a sample Bubble. Use <div class="bubble3"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div></div><span class="author">ROUNDED THINKING BUBBLE</span> </div>

ROUNDED THINKING BUBBLE.

This is a sample Bubble. Use <div class="bubble4"><div><div><div><div><div> Your Bubble goes here! </div></div></div></div></div><span class="author">SQUARE THINKING BUBBLE</span> </div>

SQUARE THINKING BUBBLE.

This is a sample clip note. Use <p class="stickynote">Your clip note goes here!</p> to form a clip note!

This is a sample download. Use <p class="download">Your download goes here!</p> to form a download!

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!

01This is a sample block number. Use <p class="blocknumber"><span class="bignumber">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="blocknumber"><span class="bignumber">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="blocknumber"><span class="bignumber">03.</span>Your content goes here!</p> to form a block number!

This is a sample error message. Use <p class="error">Your error message goes here!</p>.

This is a sample info message. Use <p class="message">Your info message goes here!</p>.

This is a sample tips message. Use <p class="tips">Your tips goes here!</p>.

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

This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA fedora bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. In all fairness to the paragraph itself we probably should type enough to see how it looks when it is surrounded by its textual friends by using more words.

Legend style

Use <div class="legend"><h3 class="legend-title">Your title</h3><p>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p></div>