The CA LINO theme is available from rapid-ideas.


The instructions are as follows:
Make your Bannerzest banner the same width as the page width you've selected through the page inspector. For example, the sample site was created using the 800px width option so I made the banner 800 pixels wide. The theme has a range of available banner heights through the page inspector and I chose 160 pixels. therefore, my Bannerzest banner was created at 800px wide by 160px 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 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. Just place your cursor in the spot indicated and paste in the code from Bannerzest by either choosing edit>Paste from TextWrangler's menu or simply by pressing the Apple-v key combination (command-v). Now that your code is inserted, save the file and we'll add a necessary bit of CSS.

Inserting our banner where we did caused the title and slogan to shift down on the page. We want to reposition them. Use the following CSS:

#pageHeader h1{
    margin-top:-200px;
}
#pageHeader h2{
    margin: 10px;
}



NOTE: the 200px amount in the first line of code assumes you used a 200 pixel tall header image/banner. Make adjustments as necessary

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

That was a walk in the park!!