Features Menu

Typography

Details: Category: Features; Published on Tuesday, 07 February 2012 14:15; Written by Super User; Hits: 4238

This is an H1 Header

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. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.

This is an H2 Header

This is an H3 Header

This is an H4 Header

This is an H5 Header

This is an H6 Header

Lists

Ordered List

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

Unordered 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
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.
Definiton Lists are important: Congue Quisque augue elit dolor.; Nunc cursus sem et pretium sapien eget.

Unordered Lists with classes

ul with class check
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ul with class arrow
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ul with class cross
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ul with class light
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ul with class star
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ul with class note
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Other Typography

BlockQuotes

(use <blockquote>....</blockquote>)

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. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra.

Highlight

(use ...)

Lorem ipsum dolor sit amet consectetur adipiscing elit nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt.

Dropcaps

(use ...)

Tables

Use the class "custom" to decorate your tables , Also the table with class "category" below is used by Joomla to output some of the tables into the the Joomla core components

Table with Decoration
	Column One	Column Two	Column Three
	Footer Col One	Footer Col Two	Footer Col Three
Row One	Row One / TD One	Row One / TD Two	Row One / TD Three
Row Two	Row Two / TD One	Row Two / TD Two	Row Two / TD Three
Row Three	Row Three / TD One	Row Three / TD Two	Row Three / TD Three
Row Four	Row Four / TD One	Row Four / TD Two	Row Four / TD Three
Row Five	Row Five / TD One	Row Five / TD Two	Row Five / TD Three
Row Six	Row Six / TD One	Row Six / TD Two	Row Six / TD Three
Row Seven	Row Seven / TD One	Row Seven / TD Two	Row Seven / TD Three

Forms

This is a sample of the 'notice' style. Use this style to give your users a message that require a note

This is a sample of the 'success' style. Use this style to give your users a message when a successful task was completed

This is a sample of the 'error' style. Use this style to give your users a message when a task was wrongly completed