The Catalyst theme is available from weaverthemes.

I've done something a bit different for this web page banner. All the images in the banner are the same. I've just added some text to each of the five images in a slightly different location. This allows the message to slowly appear one line at a time. Also, the static background image is an exact duplicate of the image used to create the banner so the transition from static to animated banner is invisible!!

The instructions are as follows:
select height
Banner
height

Make your Bannerzest banner 22px narrower that the width of your theme. For example, if you've chose the 700 px width for your Rapidweaver project, make the Bannerzest banner 678 px wide (700 - 22 = 678) This is for this theme only. Other themes use the entire page width. The height of your banner will depend on the height that you've selected within the theme. (see Banner height at right)

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)



Catalyst code
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. I think this theme developer anticipated us coming here because there is a place made just for us! Place your cursor right in between "div" with the id of "banner" and the "/div". Just 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 view the results.

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

This is getting easier each time I do it.