B STEALTH 3

Step 1

Visit and download the RW Multitool here.
Open the RW Multitool, select the B Stealth 3 theme. All 20 banner images are ready for customization.

Step 2

Customize your banner, save, and you're done.

Step 1

For this you'll need a slideshow plug-in, SymNivo or WeaverPix are both great options, and you'll need Loghound's PlusKit plug-in. Once you have these, create a slideshow page with your slideshow plug-in, and give a it a speciific page name (this page name will be required later). After adding your pictures, open the setup or configure options for your slideshow.

Step 2

You're now going to do 2 things. 1) Set the banner dimensions to match the B Stealth banner size. 2) Set the Extra Content Area to "1", then disable the loading of jQuery. Using SymNivo for the example, and assuming your using the full site width, your symNivo setup panel should look like this:



* I recommend going to the "Advanced" tab, and disabling the "Enable Box Shadow" option.

Step 3

Add a PlusKit page to your project. Then disable the "Show in Menu" option - under the General tab in the Page Inspector. This adds import page functionality to your whole RapidWeaver project ~ without it appearing in your navigation bar.

Step 4

Now, to add your slideshow into another page's banner area, simply paste the code below into that page's Sidebar panel:
<div id="bannerImport">@import((slideshow-page-name))</div>
Change the "slideshow-page-name" to your actual slideshow page name. Then highlight your code and select "Ignore Formatting" from RapidWeaver's "Format" options. This will make your code appear with a pink highlight when done.

* The "jQuery Enhance" Styles option must be enabled on the page you wish to import the slideshow.

Step 5

After adding your import code into the sidebar, switch to Preview mode, and you now should see you slideshow appear in the banner area. From here, open your Page Inspector Styles panel, and under "Banner Image" select "X (slideshow)". Now your done, enjoy!