Header background image
VIDEO LINKS View Online: [ header-background ] click to open video in a new window
if you are having troubles viewing the video's online, please download the video from the link below to view locally on your computer.
The download package includes a web page for viewing the video files, and several SWF or FLV video files.
Just download the zip file, extract, then double click on the 'web page' to view the video.
VIDEO LINKS for download:[ header-background ]
Overview
The template page (header) displays a background image or two, which you can change.
To change the background image, there are 2 things you need to know, the size of the image, and the location. Create a replacement image, with the same dimensions, and file name then all you need to do is save it to the {Site / flash / images / themed_background} folder, to replace the default image.
Some template designs allow for 2 background images per page. One image displays on the right side of the header, a second image displays on the left side of the header. This can be beneficial if you want to display a 'theme' or 'brand' for your site on one side of the page, and display an image specific to the purpose of the page, for example display an image of a person on the telephone if this was a service, support, or contact related page on the 'left' and an image of your 'business' or products on the 'right'.
** for templates displaying 2 images, you will find a
template_header_left.jpg AND a
template_header_right.jpg in the {Site
/ themed_images} folder.
** for templates displaying 1 image, you will find a
template_header.jpg in the {Site /
themed_images} folder.
** for templates displaying 2 images, the 2 images may not be of equal size,
please review the instructions below to determine the size of your replacement
images
** some graphic editors save jpg images as 'progressive' change this to
NON-PROGRESSIVE
** use all lower case / no spaces when naming image...remember to use the (
_ ) between the words "intro" and "bg"
INSTRUCTIONS
- determine the size of the replacement image, create a new Blank page ( File Menu >> New > HTML page
- open the {Site / themed_images} folder
- drag the {template_header.jpg or the template_header_left.jpg - AND - template_header_right.jpg} image(s) onto the blank page
- switch to code view, you will see the width and height attributes of the
image(s)
- using your favorite graphic editor, resize your replacement image to match the height and width attributes
- save your new image as {template_header.jpg or template_header_left.jpg - AND - template_header_right.jpg} - and save it to the {{Site / themed_images} folder to replace the existing image(s)