First, I made some adjustments to my color scheme. Instead of the off-white color (which looks weird), I went to Manage Site > Colors and Fonts and changed the following to white (#FFFFFF):
- Page background color
- Horizontal navigation hover background color
- Horizontal navigation selected background color
- Horizontal navigation dropdown background color
After Clicking “Save changes,” the site looks like this:
Insert Header (page wrapper)
Return to the Manage Site > Colors and Fonts menu, and select “Page wrapper background image”
Under “Choose a background Image,” click “Choose File” and locate the image you just created in GIMP.
The image will be off vertically and horizontally. To fit the horizontal alignment, set Repeat: to “none,” and horizontal position: to “center” and vertical position: to “top.” Click “Save Changes”
To fix vertical alignment (to line Google’s horizontal navigation bar up with the one we created in GIMP), you will need to go Manage Site > Site Layout. Click on “Change Site Layout”
Set the “Site Width” to 1000 pixels (1000px). This will easily accomodate most common screen resolutions.
Set the “Header” to 129px. This should work well for the dimensions described in Pt. 2, but can be adjusted +/- 1px later as needed.
Click OK. Be sure to SAVE CHANGES, and then return to site.
The new site will look like this: