1LD Tutorials & Blogs

Tutorials

Adding Slider Images

Step 1: Install the customslider.rwsnippet by double clicking it.

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

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

Carabine CSS

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

Custom Slider Snippet

Once dragged in the code should appear as so.

Custom 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.

Custom Image Resource

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

Resource Highlight

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

Single Banner Image–> Resource Paste

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.

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

Carabine Sidebar Calendar

Step 3: Open up Snippets

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

Carabine Calendar

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

Calendar Sidebar

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

sidebar Calendar complete

jQuery Accordion

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

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

Carabine Sidebar Calendar

Step 3: Open up Snippets.

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

Accordion Snippet

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

Accordion Snippet Paste

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

Accordion Pasted

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)

Accordion Content1

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)

Accordion Li

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>

Accordion Paragraph

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)

New Paragraph

Single Image Option

Step 1: You must install the singleimage.rwsnippet.

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 CSS

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

Carabine Single Img

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

Custom Image Resource

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

Resource Highlight

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

Single Image Paste

Single Paste After

Social Media Icons

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

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

Carabine Sidebar Calendar

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

Carabine Social Media

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.

Social Media pasted

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

Carabine Social

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)

Social media link

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)

Social Pasted link

Titles with Wrap Graphic

Carabine title

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 Select

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

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Vivid Titles

Create stunning, uniquely-shaped content effortlessly with Vivid Tiles. Tailor your website’s appearance with customizable top and bottom edges, and arrange these elements seamlessly in rows.

Vivid Titles RapidWeaver Stack

Robust Customization

  • Create rows of uniquely-shaped content elements.
  • Customize each one independently.
  • Add almost any type of content.

Diverse Edge Options

  • Edges support 9 shape options with 4 layouts.
  • Mix and match edge shapes and layouts on top and bottom.
  • Incorporate images, icons, or text inside edge design.

Effortless Setup

  • Minimal setup required for immediate results.
  • Customizable style options to fit any website design.
  • Control element size and colors with ease.

Simply Responsive

  • Tiles automatically adapt to browser and device width.
  • Full control over tile horizontal and vertical alignment.
  • Automatically make all tiles in a single row the same height.

Eye-Catching Styles

  • Each edge shape has two unique background layers.
  • Adjust edge layer visibility, placement, and offset.
  • Apply subtle, attention-grabbing in-view animations.

CHECK IT OUT!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software