Internal Templates

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.

Colors

#003399; Blue	#3366CC; Light Blue	#336699; Medium Blue	#6699CC; Light Medium Blue
#CC3333; Red	#FF6666; Light Red
#EE6633; Orange	#FF9966; Light Orange
#996633; Brown	#CC9966; Light Brown
#339933; Bright Green	#FF6666; Light Bright Green	#336633; Green	#336666; Blue Green	#669999; Light Blue Green
#663366; Purple	#996699; Light Purple
#666666; Gray	#333333; Dark Gray
#000000; Black