blog-tutorial-post-template

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

Live Search 2

Live Search 2 has been updated with new features, improvements, and important bug fixes – all designed to make your site’s search experience even faster and more precise.

This update is free and automatic for all existing customers.

Don’t own it yet? Now’s the perfect time to jump in — Live Search 2 is 30% off for a limited time! No code needed — your discount is automatically applied at checkout.

New Features:

  • Added support for exact match searches using quotation marks around parts of a search phrase.
  • New option to show a “Clear Input” button.
  • Added Replace Character feature.
  • Now supports two separately defined search bars on the same page.
  • New option to adjust z-index.

Improvements:

  • Index file generation now detects and ignores duplicate content, such as text found in every page header and footer.
  • If any pages are missing from the index file, they will now still be searched dynamically.
  • Index file data is now compressed to reduce file size.
  • Pages at https://website/folder/index.(php|html) and https://website/folder/ are now treated as duplicates and will not be indexed separately.
  • Search results container height now only stays fixed during pagination — it will shrink dynamically for new searches.
  • When searching custom sitemaps, the default sitemap will now be ignored.
  • The popout search results container will now automatically hide when the search input is empty.

Bug Fixes:

  • Fixed an issue that prevented custom text/language settings from applying correctly.
  • Fixed a bug where result descriptions could fail to display a local section title.
  • Fixed a bug that could trigger an error if suggestions were enabled but the stack was not published to the page.
  • Prevents form submission before the page is fully loaded, avoiding unwanted page refreshes on slow-loading pages. A loading indicator is shown until the page is ready.

Check it out in action!

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

RapidWeaver is a trademark of Realmac Software