Adding Slider Images

Step 1: Install the customslider.rwsnippet.

Carabine Slider Snippet

Step 2: If the customslider.rwsnippet is installed correctly it will appear in Snippets.

Carabine Slider Snippet Selection

Step 3: Open the page inspector and select Header and click on CSS.

Carabine Custom CSS

Step 4: Drag the Custom Slider snippet in to the Custom CSS box.

Carabine Drag & Drop Snippet

Once dragged in the code should appear as so.

Carabine Slider Snippet Code

Step 5: Go to resources located at the top left of the Rapidweaver window and add the resource of your choice from your computer.

Cabernet Add Resource

Step 5: After loading your resource click on it and highlight the name and copy it.

Carabine Slider Edit Resource Name

Step 6: Paste the name in-between %resource(  and   )%.

Carabine Slider Name Before –> Carabine Slider Name After

Addition

The Daipo Slider comes with 3 images and you can toggle from editing images 1 through 3 by simply changing

Installing the Calendar

Step 1: Install the Calendar Snippet by double clicking the Calendar.rwsnippet file 
provided in the Carabine.zip.

Carabine Calendar Snippet

Step 2: Open up RapidWeaver and click on Page Info to open up the Page Inspector. Click on Sidebar Located in the Page Inspector.

Page Info - Page Inspector

Step 3: Open up Snippets

RapidWeaver Snippets

Step 4: The Accordion should be located in the Snippets if installed correctly.

Carabine Calendar Snippet Screenshot

Step 5: Click and drag the Calendar Snippet into the Page Inspector.

Carabine Page Inpsector 1

Carabine Page Inspector 2

Step 6: This should complete your install of the Calendar.

Carabine Calendar Plugin

jQuery Accordion

Step 1: Install the Accordion Snippet by double clicking the Accordion.rwsnippet file provided in the Carabine.zip.

Carabine jQuery Accordion Snippet

Step 2: Open up RapidWeaver and click on Page Info to open up the Page Inspector. Click on Sidebar Located in the Page Inspector.

Page Info - Page Inspector

Step 3: Open up Snippets.

RapidWeaver Snippets

Step 4: The Accordion is located in the Snippets if installed correctly.

Carabine Accordion Snippet

Step 5: Click and drag the Accordion Snippet into the Page Inspector.

Carabine Accordion Snippet Paste

Step 6: This should complete your install of the Accordion.

Carabine Accordion Screenshot

Customizing the Title

To customize the Title of any object in the accordion is simple. In between the <a href=”#”> and the <!–AREA FOR TITLE–></a> is where you will place your desired title.

<a href=”#”> HERE IS WHERE YOU WILL PUT YOUR TITLE<!–AREA FOR TITLE–></a>

To customize the list you will have to insert your info after the <li> tags.

<li>HERE IS WHERE YOU WILL INSERT YOUR CONTENT.

(also shown in the image below)

Carabine Add Content

Adding to the List

Adding to the list is simple all it will take is adding another <li> tag after the previous <li>tag.

<li>place item you want

<li>in a list here

<li>

(as shown in the image below)

Carabine Add Content 2

Customizing the Paragraph portion of the Accordion

The title is edited in the same manner as the List.

To place a paragraph you must insert it in-between the <p>   and the   </p>

<p>HERE IS WHERE YOU WILL INSERT</p>

Carabine Add Content 3

Adding another paragraph

to create another paragraph you must ad a <p></p> after the previous </p>.

<p>Place content in here

</p>

<p> 

</p>

(as shown in the image below)

Carabine Add Content 4

Single Image Option

Step 1: You must install the singleimage.rwsnippet.

Carabine Single Image Snippet

Step 2: Once installed open up the page inspector, click on header and then select Custom CSS. Open up Snippets to make sure the Single Image snippet is installed correctly.

Carabine Single Image Snippet Select

Step 3: Drag the Single Image snippet into the Custom CSS in the page inspector.

Carabine Single Image Drag & Drop

Step 4: Add a new resource by clicking on Add Resource or use an existing resource.

Cabernet Add Resource

Step 5: Click on the resource you desire highlight the name then copy it.

Cabernet Gallery Image

Step 6: Paste the name in-between the %resource( and )%.

Carabine Slider Name Before

Carabine Slider Name After

Social Media Icons

Step 1: Install the SocialMedia Snippet by double clicking the socialmedia.rwsnippet file provided in the Carabine.zip.

Carabine Social Media Icons

Step 2: Open up RapidWeaver and click on Page Info to open up the Page Inspector. Click on Sidebar Located in the Page Inspector.

Page Info - Page Inspector

Step 3: The SocialMedia buttons should be located in the Snippets if installed correctly.

Carabine Social Media Icons Snippet

Step 4: Click and drag the Social Media Snippet into the Page Inspector and it absolutely must be placed in the very top of the sidebar mark up.

Carabine Social Media Icons Snippet in Page Inspector

Carabine Social Media Icons Snippet Pasted

Step 5: This should complete your install of the Social Media Buttons.

Carabine Social Media Icons Screenshot

Creating Links

Step 1: After installing the Socialmedia snippet all you need to do is change the web address in the code. The web address will be located in-between

<a href=”HERE IS WHERE YOU WILL PUT THE WEB ADDRESS“>

(as shown in the image below)

Carabine Social Meida Links

Step 2: Get the Web Address that you desire to have your page link to and copy it.

(i.e. http://twitter.com/rapidweaver)

Step 3: Paste the Web Address in the code.

<a href=”HERE IS WHERE YOU WILL PUT THE WEB ADDRESS“>

(as shown in the image below)

Carabine Social Media Links Paste

Titles with Wrap Graphic

Carabine Wrap Graphic

To use the wrap around Title exclusively on the Carabine theme is simple.

Step 1: Highlight the desired text.

Step 2:  After desired Title is highlighted click on the add Html mark button at the bottom.

html_stack

Step 3: Select Heading 1 or Heading 2 for the wrap around effect.