Sunday, May 19, 2013

Using Typography

If you are using the TinyMCE editor, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.

Typography - RokCandy

View all RokCandy typography at the RokCandy Examples page

In this example, we will use the Attention Span Style - Syntax: [div class="attention" class2="typo-icon"]...[/div] syntax.

  • Go to Content → Article Manager → Select an Article.
  • Insert [div class="attention" class2="typo-icon"] .... some content .... [/div]
  • Save

Typography - HTML

View all HTML typography at the HTML Examples page

In this example, we will use the Attention Span Style - Syntax: <div class="attention"><div class="typo-icon">...</div></div> syntax.

Content Editor

  • Go to Content → Article Manager → Select an Article; or Extensions → Module Manager → A Module, for a custom module.
  • Click the HTML mode or equivalent in your editor
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save

No Editor

  • Go to Content → Article Manager → Select an Article; or Extensions → Module Manager → A Module, for a custom module.
  • Click the HTML mode or equivalent in your editor
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save
Note, with the Content Editor (WYSIWYG) enabled, you need to enter HTML mode.

System Requirements

The following are required for Zephyr to operate fully:

  • Joomla 1.5.x (latest version)
  • Gantry v3.0.7 or higher
  • PHP 5.2 or higher
  • RokNavMenu Module

Video: Typography

Image
Typography

RocketLauncher

  • Replicate this demo with RocketLauncher, inclusive of the template and content.

    More Information

Multi-Column Menu

If you use 2,3 or 4 columns in Fusion, you will need to increase the Drop-Down Width (px) value in the menu item settings.

More Information

Contact Info

  • Zephyr Developers Inc.
  • 9090 Cascade Boulevard,
  • Miami, Florida, 23490, USA
  • Tel: (555) 555-55555

Demo Information

  • All sample content is for demo purposes only, intended to exemplify a live site. All images and materials are the copyright of their respective owners.
  • Additionally, this demo, in a modified form for distribution purposes, is available for download in the RocketLauncher format.

Help Center

Popup Module

This is the Popup Module feature. Assign any module to the popup module position, and ensure that the Popup Feature is enabled in the Gantry Administrator.

You can configure its height and width from the Gantry Administrator.

More Information