Tutorials Using Typography

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.

Requirements

The following are required for the template to operate fully:

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

Video: Typography

Image

CSS3 Features

Hybrid is a CSS 3 template with graceful degradation. Firefox 3.6+, Safari 5+, Opera 10+, Chrome 3+ and experimentally with IE9, support CSS3.

  • Box Shadows: shadows for blocks
  • Text Shadows: shadows for text items
  • Border Radius: rounded corners for blocks
  • Color Crossfading: color transition on hover

Who's Online

We have 3 guests online

PNG Sources

Accompanied with the template are the Adobe® Fireworks PNG Image Sources that we use to build the template, allowing for swift and simple modification.

Read More

Demo Installer

A customized Joomla install. It combines default Joomla with the template, extensions, sample images and demo content.

Read More

Styled Addons

A series of customized RocketTheme extensions accompany this release, e.g. custom styling for RokStories or RokTabs.

Read More

Help and Guides

A series of tutorials and guides to help with basics of the template, such as the installation process. Referrals to more documentation.

Read More

Demo Information

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

Close