Noggin

Noggin module allows you to upload a custom header image on the Theme Settings page, just as you can for the logo and favicon. Also included are 12 sample header images.

Are you wondering about this modules name? Noggin is an English slang word for head.

Features in the current DEV version:

• Upload a custom header image
• Use one of the 12 included default images
• Themes can provide their own images, Noggin will find them automatically
• Set a header image per theme
• Position images (vertically and horizontally)
• Tile your image x, y, no-repeat, repeat
• CSS3 stretch to fit setting
• Set a background color for the header
• Set the height of the header

Usage

Simply enable Noggin module, upload your header image, and you're ready to rock. If you're looking for interesting tiled background images, try Pattern8, StripeMania, BgPatterns, EveryDay Icons, or my personal favorite: Subtle Patterns.

Themes

With Bartik and other core Drupal themes the header image will appear automatically. For themes that use slightly different markup, you can enter a custom CSS selector for your sites header.

Your theme can include header images, simply place your png or jpg images in your theme in a folder name "header-images", i.e. yourtheme/header-images, the folder must be in the theme root.

Settings

There are many new CSS settings to allow you to position, tile and stretch your image (uses CSS3). You can also set the height of the header, although this may not work in your theme.

To access the settings for the Noggin module (to set the header image, background color, and the more advanced CSS settings, go to the settings page for your theme (Appearance > Settings > {your-theme}). Near the bottom of the settings page is a section headed "Header image settings". By default, the "Selected header" dropdown is set to none. Change this to choose one of the images built in to Noggin, one of the images included in your theme (as explained above), or to "custom", and all the configurable options will appear.