Downloads

A guide to implementing the included Dimensions typography styles and elements into your site as well as instructions for inserting typography using the HTML editor option of your WYSIWYG editor.

Video Tutorial Currently Available!
Launch the Joomla Using Typography Video Tutorial now! (Requires Flash)

Every RocketTheme template has its own set of content styles, these styles are known as Typography. Typography can come in a number of varying and diverse formats, ranging from simple text modifications to image insertions to improve the look, layout of your website and give it life. This tutorial will take you through the necessary steps to adding typography to your Joomla! content.

Inserting Typography with the HTML Editor

To insert the Typography into your content, you must use the HTML feature of all Joomla! content editors. The following tutorial will outline the steps in which to does this with the default Joomla! content edit, TinyMCE. Please be aware, even though there are other content editors available, all are basically the same and the steps with be just as effective if you are using another Content editor.

Please note that the following tutorial will show you how to insert HTML (typography) into Static Content, the same procedure is apparent for Content Items and Custom modules. You may skip steps 4 and 5 if you are using No WYSIWYG editor.

Step 1 - Login

Login to the Joomla! Administration Control Panel. Go to www.yoursite.com/administrator. Enter the Administrator's Username and password.

Step 2 - Navigation

Navigate to the Static Content Manager. Once you have logged in, hover over the Content link on the top taskbar, scroll down to Static Content Manager.

Step 3 - Static Content Manager

When you have selected the Static Content Manager link, you will be sent to the Static Content Manager control panel. Select either Edit (after selecting a particular content item) or New, depending on whether you want to add typography to an existing or new item.

Step 4 - HTML Icon

To add typography to your content, you must enter the HTML mode of your Content editor. In the TinyMCE editor, this an icon called "HTML", in some other content editors, it is a tab. Press the icon to enter HTML mode. This step is not necessary if you are using No WYSIWYG editor (similarly with Step5)

Step 5 - HTML Mode

A popup shall appear with your content in HTML format, only if you are using TinyMCE, with other editors, a new tab may become selected. You shall do all your editing here for typography.

Step 6 - Inserting HTML

You then proceed to add your HTML coding into the tab/textbox that appears in front of you. This can be any HTML such as span class typography or styled lists.
You will not see the effects in the content editor, all style affects are only visible on the Frontend of your Joomla! website.
 

Written Tutorial

A written tutorial targeted towards all templates is available on the RocketTheme tutorial site. Read More...

Video Available

A detailed video tutorial outlining the processes of Using Typography is now available. Launch Now

Dimensions Typography

The stylish typography for Dimensions can be viewed on the typography demo. Read More...

Algebra Institutes

Algebra Summer Institute 2007

ContentBanking on the captivating technologies utilized to develop the online Algebra I course, 22 eighth graders were selected to participate in a six-week Algebra Summer Institute. Our investment paid off successfully with all 22 students completing the full year course in under six weeks with grades of B or better. Learn more...

Our Graduates

ContentKalakaua Middle's Summer Algebra Institute graduates celebrate their successful completion during their Awards night. UH GEAR UP will deliver another Summer Algebra Institute to several other schools in the summer of 2008. Learn more...

Projects and Take Control

Projects

Camera girlAll of Dimensions accent colours are CSS based, allowing you to change the colour scheme with just a few quick modifications to the CSS. Use any background image you want, and the top and bottom fades will automatically be applied for a seamless look. Learn more...

Take control. Gear Up for Life

gearsStyles 1 and 2 have four different time of day stylesets which dynamically change throughout the day based on your users' time. Customize the existing styles, or create your own automatically changing background and color mods. Learn more...

UH GEAR UP in Schools

UH Manoa GEAR UP in Schools

studentWith Dimensions, you can use any background image you desire to give your site the character and style you want. Choose any image, set it as your background, and Dimensions will automatically apply top and bottom fades to your background image for a more seamless integration.

After you have set your background image, pick matching accent and text colors for your template to create the perfect match of color and style for your site. Learn more...

S.H.A.L.L

S.H.A.L.L - Studies of Heritage and Academic Languages and Literacies

chat_SamoanIlokano and Samoan language courses offer students the opportunity to develop complex and high-level language skills in their heritage languages. English and study skills courses allow for life long learning of English speaking, reading, writing, and computer technology skills through training students in analyzing the purposes and uses of language. These courses aim to enhance students’ self-esteem by changing the common view that heritage languages and cultures are problems to an orientation in which home languages and cultures are valued as resources of great academic and social value.

Gear up for College

Gear Up for College

How are our students gearing up for College? We are focusing in middle schools to ensure that our students go on to a jump start in high school. Accomplishing this will further ensure their graduation with a four year degree.