This is a very nice, customizable theme. It is also the only one I know of that has a vertical image in the header area, hence the name, Vertical Image. The demo page you can view of this modification has some very nice background textures displayed. All of these come standard with the theme! I'd like to thank Henk for his help in making this modification possible.
The instructions are as follows:
This theme is a bit different than most as the banner in the header is much taller than it is wide. Make your Bannerzest banner 178 pixels wide and 400 pixels tall. On this theme I used the Quadratto theme from Bannerzest. I also went with images of Olympic athletes for a change of pace.
Publish the Bannerzest theme to its place on your server and select "Show HTML" (see Publish at right)
When you click this button, you'll be presented with another window (see Copy at right)
Ok, there's a couple of additional steps for this modification:
1) right-click the following link and download a small zipped copy of an image called "shadow.png" Once you've downloaded it, double-click the zip file to expand it and you'll be ready for step 2.
shadow.png
2) navigate to the theme's Contents>images>bg folder and drop the new "shadow.png" file that you just unzipped here. There is already a "shadow.png" file here and you'll be asked if you want to replace it. Of course you do or we wouldn't have gone to all this trouble, right? Besides, since you are working with a duplicate copy of this theme, the original "shadow.png" file is still in the original copy of the theme.
3) There is one more bit of business that is unique to this theme and this modification. You need to add some code to the Page Inspector>Header>CSS panel. (see Add the CSS at right)
the code you'll insert on each page is:
#pageHeader {
border: none;
padding-top: 1px;
}
#shadow{
margin-top: -1px;
}
Remember, when you use this technique and publish your site, send me a link so I can put your site in the showcase!
That wasn't so tough, was it?
