NCD Themes & V ienna© 2011 Contact Us

Step 1

Visit and download the RW Multitool here.
Open the RW Multitool, select the "V ienna" theme. All 20 banner images are ready for customization.

Step 2

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

To create social links at the top of your V ienna site, simply copy and paste the codes below into your project sidebar. Once pasted, replace # with the page url to your social network, then highlight the line of code and apply "Format > Ignore Formatting" in the RapidWeaver toolbar. That's it, your done :)

Now, if you get tired of repeating this process for each page of your site, you can paste your social link code at the end of your "Slogan" field in the Setup panel, this will replicate your code across all site pages - but also make your code difficult to edit.

RSS Feed: <span class="social"><a href="#">A</a></span> Blogger: <span class="social"><a href="#">B</a></span> Flickr: <span class="social"><a href="#">C</a></span> Delicious: <span class="social"><a href="#">D</a></span> Dig: <span class="social"><a href="#">E</a></span> Facebook: <span class="social"><a href="#">F</a></span> Google: <span class="social"><a href="#">G</a></span> Linked In: <span class="social"><a href="#">I</a></span> Last FM: <span class="social"><a href="#">L</a></span> My Space: <span class="social"><a href="#">M</a></span> Newsvine <span class="social"><a href="#">N</a></span> Skype: <span class="social"><a href="#">O</a></span> Picasa: <span class="social"><a href="#">P</a></span> Instant Messeger: <span class="social"><a href="#">Q</a></span> Reddit: <span class="social"><a href="#">R</a></span> Stumble Upon: <span class="social"><a href="#">S</a></span> Twitter: <span class="social"><a href="#">T</a></span> YouTube: <span class="social"><a href="#">U</a></span> Vimeo: <span class="social"><a href="#">P</a></span> Wordpress: <span class="social"><a href="#">W</a></span> Yelp: <span class="social"><a href="#">Y</a></span> Yahoo: <span class="social"><a href="#">Z</a></span>

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.

If you currently don't own a slideshow plug-in, here's 15% off codes!

15% off WeaverPix, enter "NCDThemes" during checkout.
15% off SymNivo, enter "symnivorocks2011" during checkout.

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!