How to setup a Mega Shelf Menu with Morph for Joomla

Learn how to setup a mega menu with a difference, using Morph‘s built in Mega Shelf Menu jQuery plugin. Since nothing like this existed, we decided to write our own jQuery plugin and it is now included in The Morph Framework 2.0.

This is the first in a series of more technical tutorials showing you how Morph can be extended. Once you have completed this tutorial, you should end up with a mega shelf menu like the one demonstrated in this demo.

Click here to view the Mega Menu demo and full tutorial!

---

The Morph toolset for Joomla is available for all Joomlajunkie.com members. If you’re not yet a Joomlajunkie member, sign up here and get full access to to the Morph framework and themelets.

Did you find this tutorial useful? Let us know your thoughts in the comments below. :)

Tags: development, framework, Joomla, jquery, Morph, plugins

How to customize the iPhone version of your Morph powered Joomla site

Today, everybody and their dog browse the internet using a mobile device. Mobile browsing is increasing and you can (should?) show your website visitors a different, mobile browsing friendly version of your site.

Based on popular demand, each themelet on the Morph framework has its own unique iPhone layout. If you’ve enabled iPhone compatibility in Morph’s Configurator, then that’s the layout your website visitors automatically see when browsing your site on an iPhone. As easy as a flip of a switch. This blog post is focused on how to configure the iPhone version of your Morph powered Joomla website: (more…)

Tags: configurator, framework, Joomla, Morph, themelets, usability

Documentation for Morph now available

As promised, Morph‘s new documentation site is now live with everything from help videos, tutorials, faq’s and more.

(more…)

Tags: configurator, documentation, Morph, themelets

How to customize the width of your site – with and without Morph’s Configurator

All layouts in Morph use the (Yahoo) YUI CSS grid framework, which has 4 default layouts (doc widths): 750px, 950px, 974px and 100%. These are easily set using Morph’s Configurator (General tab).

Want to set your own site width?

If you want to set you own custom site width, the following tutorial will teach you how.

Before we start, download the YUI CSS cheat sheet here.

(more…)

Tags: configurator, css, framework, Morph, themelets, yui