Logo Editing

Logo Editing

Gantry sets the dimensions of the logo, so CSS modification is unnecessary.

Logo Editing Requirements

  • Adobe® Fireworks: CS5 is preferred, but CS3/4 will be sufficient.
  • Logo Font: Download and install before proceeding to edit in Fireworks.
  • Source File: Download the logo-source.png file from the rt_hybrid_j15-sources.zip package.

Step 1 - Open the File

  • Open the logo-source.png file in Adobe® Fireworks.
Logo
  • Focus on the right column, titled Layers. Select the Web layers directory and click the eye icon to the left of the logo slice (the green object). This will make the slice invisible so you can edit the file.

Step 2 - Text/Slogan/Icon Editing

  • Double click on the logo text. Now you can edit the text of logo to your choosing.
Logo Logo
  • Now, select the slogan text and edit.
Logo Logo

Step 3 - Slice Modification

  • Reactivate the Slice in the Web Layers column, this will place a green rectangle over the logo image. Change the size of the slice (or move it) to match the new size if applicable.
Logo

Step 4 - Export

  • Now you will want to export the logo. Right click on the image slice and select Exported Selected Slices... from the contextual menu. Proceed to export it to your computer for uploading.
Logo

Step 5 - Multiple Frames/States

  • If there are multiple logos for a template, they are located in Frames or States within Fireworks.
Logo Logo

Step 6 - Uploading

  • Upload logo#.png to the /templates/rt_hybrid_15/images/logo/*style*/ directory
  • Clear your browser cache and refresh your site.
If you cannot see your new logo, ensure you have uploaded it to the right directory and that the directory permissions are writeable. Enquire with your hosting provider.

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

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

Tenemos 32 invitados conectado(s)

Site Poll

Joomla! is used for?

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

RTL Support

RTL Support for both template and Gantry elements. That includes automatic inversion of the Gantry grid positions, and RTL elements for the menu etc...

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 is also present.

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