Modify the Header

This can be a little difficult and tedious to do. Some example of homemade Headers: http://artotems.com, http://fidalgoweather.net, and http://officelivepages.com. This is done by using the logo in the site designer, it is easier to do if you have a 780px site. If you plan on creating the header yourself you will want some type of picture editing software (ms paint doesn't work for this).

1. Create a header in the site designer you like, mainly just looking for the background, no site name, description, or logo, the general theme (no-picture) type works the best, it's up to you though.

2. Save and click view, now right click on one of the pictures in the header and click properties, there is probably 2-4 of them depending on your header, just don't click on the logo or any text. In the properties dialog check the dimensions so you know who big to make your picture, Note: the second number is the height.
  

3. There are many ways to create the header, so it is up to you. Just remember the dimensions. If you need the background color or want to use the header behind your new header you can right click on one of the header pictures and save it to your hard drive. If you need the background of the original header to show through use the GIF image format.

4. Upload the picture and in the site designer click logo and select the picture. You may have to play around with the picture and the various options to get the right look.

Animated Header

Follow steps 1,2, and 4 above. Create a animated GIF and upload it to your website, the max size allowed is 999kb anything over and it will only upload the first frame.

There are several programs that you can use to make a animated header, Jasc Animation Shop is good one to start with, includes several wizards, templates, and the quality is good.

Replace Header

How To Videos:

Watch Video

Download Video (ZIP file)

Insert the following code into the HTML module, replacing /documents/image.jpg. If you want animated picture use GIF.  The image needs to be 780px wide to fit the header, also you because of this you will need to upload the image to the document gallery, as the image gallery will compress the image to 640px.

Use this Code for a 780px Site

<script type="text/javascript">

parent.document.getElementById('IWS_WH_Elem_Header').innerHTML='<div><img src="/documents/image.jpg"></div>';

</script>

If you have 100% width site use this code, make sure your image is capable of being stretched, if you need a customized code for you header check the Services section.

<script language="javascript">

parent.document.getElementById('IWS_WH_Elem_Header').innerHTML='<div><table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" height="120"><tr><td align="center" width="100%" height="120" background="/documents/image.jpg">&nbsp;</td></tr></table></div>';

</script>

Flash Header

Insert the following code into the HTML module. Replace /documents/flash.swf with the location of the flash file, you need to do this twice with this code. Also change the width and height if needed.

<script language="javascript">
parent.document.getElementById('IWS_WH_Elem_Header').innerHTML='<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,40,0" border="0" width="779" height="492"><param name="movie" value="/documents/flash.swf"><param name="quality" value="High"><embed src="/documents/flash.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="640" height="320"></object>';

</script>

Header Modification Generator