sdSlideBox for SeydoggySlideshow 3

sdSlideBox is a complementary snippet for use with SeydoggySlideshow 3 (or SS3) enabled themes. The sdSlideBox snippet is a method for creating content based slides using HTML.

Installation

To install "sdSlideBox", double click the .rwsnippet or drag and drop the file into ~/Library/Application Support/RapidWeaver/Snippets.

Overview

Usage

1. Open the Page Inspector (RapidWeaver > View > Show Page Inspector).
2. Be sure that the setting found in Page Inspector > Styles > Slide show type > Content (SlideBox stack/snippet) is selected.

3. Paste the sdSlideBox snippet into any content area in RapidWeaver®. It will look like this:

   <div class="sdSlideBoxSnippet" id="mySdSlideBox1">
   	This content will appear as slide 1.<br/>
   	Some sample content. Add whatever you like here.
   </div>
   
   <div class="sdSlideBoxSnippet" id="mySdSlideBox2">
   	This content will appear as slide 2.<br/>
   	Some sample content. Add whatever you like here.
   </div>
   
   <div class="sdSlideBoxSnippet" id="mySdSlideBox3">
   	This content will appear as slide 3.<br/>
   	Some sample content. Add whatever you like here.
   </div>

4. If you've pasted the snippet into a styled-text type area then you need to select the HTML code and ignore the formatting (RapidWeaver > Formatting > Ignore Formatting).

5. Edit each sample text with any HTML of your liking. Each area is a unique slide. The sample text looks like this:

   This content will appear as slide 1.<br/>
   Some sample content. Add whatever you like here.

6. To add slides, simply add a new sdSlideBoxSnippet wrapper and number it accordingly. For example, if I wanted to add a forth slide, I would copy the third slide and change the id from mySdSlideBox3 to mySdSlideBox4. Like this:

   <div class="sdSlideBoxSnippet" id="mySdSlideBox4">
   	This content will appear as slide 4.<br/>
   	Some sample content. Add whatever you like here.
   </div>