cart

SHOPPING CART

0 items(s) - $0.00
 x 
You have no items in your shopping cart.

Typography

It is possible with templates which have a typography page to show you how you can use e.g. headline tags in order to structure your content in a better way. Below, we present rebuilt and refreshed typographical aspects of Zo2 Framework. In order to use it, you have to use a plug in which is delivered in a package with a template or use HTML code.

Heading Styles

This is Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

This is Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

This is Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

This is Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

This is Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

This is Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

Code

#wrapper {
position: relative;
float: left;
display: block;
}

Use <pre> or <div class="zt-code1">Here goes your code</div>

#wrapper {
position: relative;
float: left;
display: block;
}

Use <div class="zt-code2">Here goes your code</div>

File

#wrapper {
position: relative;
float: left;
}

Use <div class="zt-code3"><h4>Name of your file</h4>Here goes your code</div>

HightLight

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use <span class="zt-highlight1">Your highlight phrase goes here!</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use <span class="zt-highlight2">Your highlight phrase goes here!</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use <span class="zt-highlight3">Your highlight phrase goes here!</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use <span class="zt-highlight4">Your highlight phrase goes here!</span>

Lists Icon

fa fa-angle-down fa fa-arrow-down fa fa fa-caret-down fa fa-chevron-down fa fa-chevron-circle-down fa fa-caret-square-o-down fa fa-arrow-circle-down fa fa-hand-o-down fa fa-long-arrow-down
fa fa-angle-left fa fa-arrow-left fa fa fa-caret-left fa fa-chevron-left fa fa-chevron-circle-left fa fa-caret-square-o-left fa fa-arrow-circle-left fa fa-hand-o-left fa fa-long-arrow-left
fa fa-angle-right fa fa-arrow-right fa fa fa-caret-right fa fa-chevron-right fa fa-chevron-circle-right fa fa-caret-square-o-right fa fa-arrow-circle-right fa fa-hand-o-right fa fa-long-arrow-right
fa fa-angle-up fa fa-arrow-up fa fa fa-caret-up fa fa-chevron-up fa fa-chevron-circle-up fa fa-caret-square-o-up fa fa-arrow-circle-up fa fa-hand-o-up fa fa-long-arrow-up

Messages Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus.

Block Quotes

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

— Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

— Lorem Ipsum
  • Pick one module or view and test all of the parameters.
  • Install an extension and see if anything breaks (report to the developer unless you are positive it is a core bug).
  • Turn on caching with different options
  • Try different session options
  1. Install a language and test all the layouts.
  2. Try different environments (like different servers which may have different version of PHP) or try you have IIS with MySQLi or SqlSrv. With millions of users Joomla needs to be ready for unusual environments.
  3. Try with SEF URLS on or off and also with Apache rewrite on or off (if you are on Apache).
  4. Try different combinations of browsers (Chrome, IE, FireFox, Opera to start) and operating systems (Mac, Windows, Linux).
  5. Yes grammar and spelling errors are bugs too -- just keep in mind that we use British spelling.