Using Morph's built in typography for your headings

The below styles are to be used as a guide for how to structure your content in order to best utilize the built in typography features that are present in Morph. This style guide will assist you in keeping your sites content structure and layout consistent, by using the appropriate xhtml markup.

This is a Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code:{code}

This is a Heading 1

{/code}

This is a Heading 2

Code:{code}

This is a Heading 2

{/code}

This is a Heading 3

Code:{code}

This is a Heading 3

{/code}

This is a Heading 4

Code:{code}

This is a Heading 4

{/code}

This is a Heading 5

Code:{code}

This is a Heading 5

{/code}

This is a Heading 6

Code:{code}

This is a Heading 6

{/code}

Saturday, 20 August 2011

Introduction to Morph's architecture

Morph's architecture is quite different from most traditional Joomla! templates, so it's important to you understand the role that each of the three key parts play, as it will help you grasp the other key concepts that Morph introduces.

Configurator

Think of Configurator as "template parameters" on steriods. It is accessed via your Joomla admin & provides you with an intuitive interface to configure the structure of your site, customize your themelet & choose which features you want enabled.

The Morph Template

The template is where all the core functionality resides & should never be modified. Thanks to the separation from the themelets, you can easily upgrade the framework without losing any of your changes.

Themelets

Borrowing from the parent/child-theme principle in Wordpress, themelets are the visual layer that sit on top of the framework. They are mostly made up of css & images, but also support html/layout overrides & custom css/javascript/php.

Morph

Documentation

Using Morph's built in typography for your headings

This is a Heading 1

This is a Heading 1

This is a Heading 2

This is a Heading 2

This is a Heading 3

This is a Heading 3

This is a Heading 4

This is a Heading 4

This is a Heading 5

This is a Heading 5

This is a Heading 6

This is a Heading 6

Browse by Category

Recent Tutorials

Introduction to Morph's architecture

Configurator

The Morph Template

Themelets

Want to take Morph for a test drive?

Morph

Documentation

Using Morph's built in typography for your headings

This is a Heading 1

This is a Heading 1

This is a Heading 2

This is a Heading 2

This is a Heading 3

This is a Heading 3

This is a Heading 4

This is a Heading 4

This is a Heading 5

This is a Heading 5

This is a Heading 6

This is a Heading 6

Browse by Category

Recent Tutorials

Introduction to Morph's architecture

Configurator

The Morph Template

Themelets

Subscribe to the Morph Newsletter

Feeling social? Connect with us!

Want to take Morph for a test drive?