The M Press theme is available from relative newcomer, Nick Cates, at ncdthemes.


This modification is a bit tricky so pay close attention, ok?

The instructions are as follows:
Turn off the M Header feature in the page inspector. We don't want the banner images that change back and forth with a mouse-over for this technique.

Make your Bannerzest banner the same width as the default images, 806px. Make your banner 225 px tall. Therefore, my Bannerzest banner was created at 806px wide by 225 px 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) You may want to hold off for a minute or two before copying that code as I'm going to have you copy something else first.






Use Textwrangler to open index.html
TextWrangler

The final step is to open the theme's index.html file with the text editor you've selected and paste some code I'll provide along with the Bannerzest 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 1
Paste here 1


Paste code 2
Paste here 2



Scroll through the code until you find a place that matches that shown in the photo. Make a line beneath the --title-- line.(see Paste here 1 at right) Paste the following bit of code as shown in "Paste here 1"


<div id="mybnr"></div>



Now, go back to Bannerzest and copy the code for your banner. You want to paste the Bannerzest code in the right spot (see Paste here 2 at right). 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, there is one more task to accomplish. Paste the following bit of code into Page Inspector>Header>CSS field (place on every page of your project).

#mybnr{
    margin: -60px 0 0 0;
}




That oughtta do it! That was one of the the toughest modification yet but I think you'll agree, the results are worth it!!

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 as easy as falling off a log!!