To print a page, simply click the print button above. To ensure accuracy, it is highly recommended that you use Microsoft Internet Explorer 5 (or higher) or Netscape Navigator 6 (or higher) to view and print this User Guide.

images

editing the top and bottom images in the Jazz menu bar

The Jazz menu bar has a top and bottom image that serve to give it a finished look. The two images involved are:

navtopper.gif

navbottom.jpg

These images are exported to your Jazz site when you do a complete export of slices from the Fireworks iface.png file.

To keep the integrity of your menu bar intact, you must not alter the width of these two objects. You can make them taller, though... and you can add your own graphic elements within the objects' borders.

the navtopper image

The navtopper is comprised of 5 parts:

  1. The underlying Orange Base Rectangle
  2. The dot atop the J: The dot is a rectangle that is colored red so that we have a distinct color to use as the transparent color when optimizing the navtopper slice. Setting the dot's color as the transparency index for the slice is how we get the table cell background to show through the image.
  3. The J-saxophone: The J-sax was created by using a musical instrument dingbat font. To enable you to see the J-sax in Fireworks, we converted it to a path. That's why you see so many blue selection points.
  4. The azz: The letters A, Z, and Z in 52pt Arial. Double-click the text to edit it.
  5. the dotcom: 11pt Arial with Range Kerning set to 62%. Double-click the text to edit it.

J-sax has a gradient fill, diagonal line texture, and a drop shadow.

azz has the same gradient fill, a Hatch texture, and a drop shadow.

the navtbottom image

navbottom.jpg is comprised of 2 parts:

  1. The Orange Base Rectangle
  2. A feathered Bitmap Image

We layed the feathered bitmap atop the orange rectangle to create the completed object. Simply replace it with your own bitmap to keep the look and feel of the Jazz site.

 

Tip: Fireworks gives us the ability to optimize each slice separately. To save bandwidth, we optimized the navbottom slice as a JPG, which is a more efficient format for complex bitmaps.