Morph

The swiss army knife of Joomla template frameworks.

Free Download

Documentation

  • Banner

Using the browser css files

Each themelet can have its own browser specific css files. If one of the below files is present in a themelets css folder, it will automatically be included by Morph.

  • browsers.css
  • firefox.css
  • safari.css
  • chrome.css
  • opera
  • ie.css
  • ie6.css
  • ie7.css
  • ie8.css

The path to these css files is "morph_assets/themelets/[yourthemelet]/css"

Depending on the amount of fixes required for any given browser will generally determine whether the fixes can be included in the general browser fixes css (browser.css) or whether it is better to be kept in its own separate file (like ie6.css).

For the small cross browser inconsistencies, often the browsers.css will be sufficient and each fix can just be prepended with the specific browser version, eg:

{code} .firefox355 #primary-content{} .safari404 #primary-content{} .opera980 #primary-content{} {/code}

Thursday, 11 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