Banners

Banners

Banners are 510px x 100px JPEG images saved at medium quality (50%):

Making Banners

Select an image and crop it in Photoshop to 510px x 100px.

When selecting an image, keep in mind that the web templates will cover up the bottom 10-15px of the banner in most situations.

Download the standard PNG overlay: undp-intranet-banner-overlay.png, which looks something like this when placed on a black background:

Open the PNG in Photoshop and copy-and-paste it into a new layer above your selected image. Your Photoshop file should now look like this:

Using the "Save for Web..." option, save the image as a Medium quality (50%) JPEG image.

Adding Banners to the Site

Sets of random banners are controlled by http://www.undp.org/css/undp-randombanner.js

To add a banner to an existing set, first upload the banner image to the site (following the set's naming and numbering convention), and then increment the count in the undp-randombanner.js file:

// UNCDF
var r = 18; // # of images in set

... or:

// Aerial Images
var r = 13; // # of images in set

To make new sets, follow the pattern in the JavaScript file.