blog-tutorial-post-template

Tutorials

Adding Images & Video to the Camera Slider

Step 1. Open your snippets panel and find California – Banner and drag that into the Header section of the Page Inspector. “Be sure to have the snippets installed”

California Banner Snippet

California Banner Snippet Header

Step 2. Drag the image that you want to use into the resources panel.

California Resource

Step 3. Get The name of the image and put it into the snippet.

California Resource Paste

Step 4 (Optional). Captions and be inserted  within the <div class=”camera_caption fadeFromTop”> INSIDE HERE </div>.

California Caption

Step 5. Inserting video. To insert video you must get the embed code from the site and place it within the <div id=”image1? data-src=”%resource(IMAGE)%”> INSIDE HERE </div>.

California Video Banner

Step 6. Have a screen shot of the movie and place it in the part where you images usually go.

California Banner Video Image

Changing the Background Images

Step 1. Open your snippets panel and find California – Body BG, California – Gal/File/Mov BG or California – sidebar BG and drag that into the Header section of the Page Inspector.

  • California – Body BG = Background of the body of California.
  • California – Gal/File/Mov BG = Background of the photo, movie and file page.
  • California – sidebar BG = Background for the border of the sidebar.

“Be sure to have the snippets installed”

California background Snippet

California BG Snippets

Step 2. Drag the background file into the resources panel.

1LD Sushi BG

Step 3. Take the name of the file and put it into the snippet.

BG Image Paste

ExtraContent

Step 1. Drag the California – ExtraContent Stack into either the sidebar or in the Main Content. ”Be sure to have the snippets installed”

Extra Content Snippet

Extra Content Header

 

Banner Transitions

Step 1. Start by installing the Canari – Banner Transition snippet.

California Banner Transition

Step 2. Drag the snippet into the JavaScript section of the Page Inspector.

California banner transition

Step 3. Pick anyone of the types of captions and place it into the quotes in fx. By default the snippet is set for random.

Transition California

All options

Transition Options

Changelog

v1.2.0 (January 7, 2013)

  • Banner Transition Snippet
  • Banner Caption Text Color Options
  • Banner Caption Text Size Options
  • Banner Caption Background Options
  • Social Media Hover
  • Contact form border

v1.1.0 (November 30, 2012)

  • mobile nav appearance
  • Nav active / inactive color fix
  • banner transition set to ‘simpleFade’
  • banner pie loader removed

Bug Fixes:

  • navigation hover error

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

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

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

RapidWeaver is a trademark of Realmac Software