When creating your brand, you'll probably want to adjust the images to match your brand's color palette. All of the images are stored in the images folder in your brand. Simply replace them as needed.

Image File Names

In general, do not rename the images in your brand. The exceptions are the images that are specified in the brand properties file. Just make sure the new image file name matches your properties entry.

Images Overview

Here is description of the more important images in a brand, organized loosely into categories. Remember, all of the images must be contained in a single directory called images in your brand:

Body, Column, and Zen Bin Styling

name

mapping

additional forms

background.gif

Content section background image

 

bottom-shadow.png

Content section shadow styling

 

blog-divider.gif

Separator between all blog posts on a given date.

hover

comment-bubble-single.gif

view/add comment

double (multiple)

edit-pencil.gif

Edit content

hover

edit-title.gif

Edit title

hover

gradient.gif

Zen bin or section decoration gradient

 

name

mapping

Specified by the zenLogo entry in the brand.properties file

The site logo (which doubles as the home or landing page link)

brand.gif

Provides the image used to represent the brand in the Brand Manager. It should be 160 x 90 pixels.

Toolbar Icons

name

mapping

additional forms

notes

add-page.gif

New Page tool

hover

 

dropdown.gif

User menu

hover

 

expando.gif

Expand tool

hover

 

reverse-expando.gif

Reverse-Expand tool

hover

 

gear.gif

Configuration menu

hover

 

page.gif

Page menu

hover

 

pencil.gif

Drafts menu

hover

 

people.gif

People menu

hover

 

share.gif

Email page

hover

New in Zen 3.2!

star.gif

Favorites menu

hover

 

watch.gif

Watch menu

hover

 

content.gif

Other Content menu

hover