Morph

The swiss army knife of Joomla template frameworks.

Documentation

  • Banner

Styles for notices and messages in your content

The below styles are added by using the following xhtml syntax your textStyle name being one of the options below

Example 1: Error message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue posuere enim. Phasellus turpis ante, tempus non, facilisis eget, bibendum id, eros.

This is a paragraph with the class="error" set using the below format

Code: {code}<p class="notice error">example text</p>{/code}


Example 2: Info message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue posuere enim. Phasellus turpis ante, tempus non, facilisis eget, bibendum id, eros.

This is a paragraph with the class="info" set using the below format

Code: {code}<p class="notice info">example text</p>{/code}


Example 3: Buy message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue posuere enim. Phasellus turpis ante, tempus non, facilisis eget, bibendum id, eros.

This is a paragraph with the class="buy" set using the below format

Code: {code}<p class="notice buy">example text</p>{/code}


Example 4: Alert message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue posuere enim. Phasellus turpis ante, tempus non, facilisis eget, bibendum id, eros.

This is a paragraph with the class="alert" set using the below format

Code: {code}<p class="notice alert">example text</p>{/code}


Example 5: Help message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue posuere enim. Phasellus turpis ante, tempus non, facilisis eget, bibendum id, eros.

This is a paragraph with the class="help" set using the below format

Code: {code}<p class="notice help">example text</p>{/code}


Example 6: Download message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue posuere enim. Phasellus turpis ante, tempus non, facilisis eget, bibendum id, eros.

This is a paragraph with the class="download" set using the below format

Code: {code}<p class="notice download">example text</p>{/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.

Fork on Github