The newest Rapidweaver theme from Henk Vrieselaar.

These instructions are designed to be used in two Henk Vrieselaar themes, MenuFade and Menu Slider.

The instructions are as follows:

Make your BannerZest banner the same width you've selected in the Styles menu. However, you want to make the height of your banner as follows.
  • For the 120 pixel PageHeader height, make the banner 119px tall.
  • For the 105 pixel PageHeader height, make the banner 103px tall.
  • For the 90 pixel PageHeader height, make the banner 87px tall.

Publish the site and reveal the HTML
Publish


Publish the Bannerzest theme to its place on your server and select "Show HTML" (see Publish at right)




Copy Bannerzest's code to the clipboard
Copy

When you click this button, you'll be presented with another window (see Copy at right)






Use Textwrangler to open index.html
TextWrangler

Now we have the necessary code copied to our clipboard. The final step is to open the theme's index.html file with the text editor you've selected and paste the code in the correct location. To open this file, right click the theme in Rapidweaver's theme drawer, choose "Reveal Theme Contents In Finder...". This will present you with a folder called "Contents". Open it and you will find the index.html file. Right click on this file and navigate to your chosen text editor application. In this example I chose TextWrangler. (see Textwrangler at right)



Paste BannerZest code here
Paste here



Scroll through the code until you find a place that matches that shown in the photo (see Paste here at right) The code you copied from Bannerzest is still on your clipboard. You want to paste it in the right spot. Look for the text that tells you that this is the place for you banner. Paste in the code from Bannerzest right after the mybanr div by either choosing edit>Paste from TextWrangler's menu or simply by pressing the Apple-v key combination (command-v). Go ahead and save. Now that your code is inserted, we have to add a bit of CSS to the Page Inspector > Header > CSS field. The reason for this is that the BannerZest banner has pushed our Title and slogan down on the page. The CSS to use is:

#pageHeader h1 {
    margin-top: -120px;
}


This is for the 120px tall header image. Substitute a different number if you use the 90 or 105 pixel tall PageHeader heights.

Remember, when you use this technique and publish your site, send me a link so I can put your site in the showcase!

Thanks once again to Henk for a nice couple of themes!